/* ==========================================================================
   WOH GROUP — Divi Child — woh-global.css
   Autor: WOH GROUP LTD
   Zmienne, typografia i style komponentów globalnych.
   Zgodne 1:1 ze specyfikacją wdrożeniową (sekcje 2, 5, 10).
   Prefiks klas: woh- (patrz sekcja 8 specyfikacji — lista klas CSS).
   ========================================================================== */

:root {
	/* --- Kolory tekstu --- */
	--woh-ink: #111111;
	--woh-ink-2: #1A1D22;
	--woh-muted: #6B7280;
	--woh-muted-2: #5A6069;
	--woh-subtle: #9AA0A8;

	/* --- Akcent marki / gradient --- */
	--woh-accent: #EB1D24;
	--woh-accent-tint: #FCE9EA;
	--woh-grad: linear-gradient(105deg, #EA018C 0%, #EB1D24 55%, #EE8431 100%);
	--woh-grad-cta: linear-gradient(105deg, #E23A86 0%, #E0433C 55%, #EE8B46 100%);

	/* --- Tła --- */
	--woh-bg-1: #F5F6F8;
	--woh-bg-2: #ECEEF1;
	--woh-panel-1: #FBFCFD;
	--woh-panel-2: #F4F6F8;

	/* --- Bordery --- */
	--woh-border: #E9EBEF;
	--woh-border-field: #E5E7EB;
	--woh-border-panel: #EAECEF;
	--woh-border-hover: #F1CDD1;

	/* --- Promienie / cienie / layout --- */
	--woh-radius: 16px;
	--woh-radius-sm: 11px;
	--woh-radius-btn: 12px;
	--woh-shadow: 0 1px 2px rgba(17, 17, 17, .04);
	--woh-shadow-hover: 0 12px 28px rgba(17, 17, 17, .09);
	--woh-shadow-btn: 0 10px 26px rgba(235, 29, 36, .28);
	--woh-shadow-cta: 0 12px 30px rgba(226, 53, 47, .10);
	--woh-max: 1200px;
	--woh-max-narrow: 1040px; /* case study, sekcja 2.4 */
	--woh-pad: 24px;

	/* --- Stopka --- */
	--woh-footer-bg: #111111;
	--woh-footer-text: #C9CDD3;
	--woh-footer-muted: #9AA0A8;
}

/* ==========================================================================
   RESET / BASE
   ========================================================================== */
body {
	font-family: 'Manrope', sans-serif;
	color: var(--woh-ink);
}

.woh-container {
	max-width: var(--woh-max);
	margin: 0 auto;
	padding: 0 var(--woh-pad);
}

.woh-section {
	padding: 56px 0;
}

/* ==========================================================================
   TYPOGRAFIA (sekcja 2.3)
   ========================================================================== */
.woh-h1,
h1.woh-h1 {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: var(--woh-ink);
}

.woh-h1--home {
	font-size: clamp(42px, 4.2vw, 52px);
}

.woh-h1--sub {
	font-size: clamp(26px, 2.7vw, 36px);
	line-height: 1.2;
}

.woh-h1--case {
	font-size: clamp(28px, 3.2vw, 42px);
	line-height: 1.14;
}

.woh-h2,
h2.woh-h2 {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--woh-ink);
}

.woh-h2--panel {
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: -.01em;
}

.woh-h3 {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	font-size: 18px;
	line-height: 1.3;
	color: var(--woh-ink);
}

.woh-lead {
	font-size: 16px;
	line-height: 1.65;
	color: var(--woh-muted-2);
}

.woh-hero-text {
	font-size: 15.5px;
	line-height: 1.6;
	color: #4B5158;
}

.woh-card-text {
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--woh-muted);
}

.woh-kicker {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--woh-accent);
	margin-bottom: 12px;
}

.woh-nav-link {
	font-size: 15px;
	font-weight: 600;
	color: var(--woh-ink-2);
}

.woh-nav-link:hover,
.woh-nav-link.woh-is-active {
	color: var(--woh-accent);
}

/* Podkreślenie gradientem pod słowem-akcentem w H1 (sekcja 2.2) —
   zastosuj klasę na <span> wewnątrz nagłówka Divi Text/Heading module. */
.woh-accent-underline {
	color: var(--woh-ink);
	background-image: linear-gradient(105deg, #EA018C, #EB1D24 60%, #EE8431);
	background-size: 100% 3px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding-bottom: 3px;
}

/* Wypełnienie tekstu gradientem — użycie punktowe (duże liczby, akcent słowa) */
.woh-accent-fill {
	background: var(--woh-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ==========================================================================
   PRZYCISKI (sekcja 2.6 / 5)
   ========================================================================== */
.woh-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--woh-grad);
	color: #fff !important;
	font-weight: 700;
	font-size: 15px;
	border-radius: var(--woh-radius-btn);
	padding: 14px 28px;
	box-shadow: var(--woh-shadow-btn);
	border: none;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.woh-btn-primary:hover {
	transform: translateY(-1px);
	filter: brightness(.96);
}

.woh-btn-secondary {
	display: inline-flex;
	align-items: center;
	background: #fff;
	color: var(--woh-ink) !important;
	font-weight: 700;
	font-size: 15px;
	border-radius: var(--woh-radius-btn);
	padding: 14px 26px;
	border: 1.5px solid #D8DBE0;
	transition: transform .18s ease, border-color .18s ease;
}

.woh-btn-secondary:hover {
	transform: translateY(-1px);
	border-color: #C7CBD2;
}

/* Warianty na tle gradientu (CTA banner) */
.woh-btn-onaccent {
	background: #fff;
	color: #151515 !important;
	font-weight: 800;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
}

.woh-btn-onaccent-outline {
	background: transparent;
	border: 1.5px solid rgba(255, 255, 255, .7);
	color: #fff !important;
	font-weight: 700;
}

/* ==========================================================================
   KARTY (sekcja 2.4, 2.6, 5)
   ========================================================================== */
.woh-card {
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: var(--woh-radius);
	box-shadow: var(--woh-shadow);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woh-card:hover,
.woh-service-card:hover,
.woh-project-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--woh-shadow-hover);
	border-color: var(--woh-border-hover);
}

.woh-service-card,
.woh-process-card {
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: var(--woh-radius);
	box-shadow: var(--woh-shadow);
	display: flex;
	flex-direction: column;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woh-project-card {
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: var(--woh-radius);
	overflow: hidden;
	box-shadow: var(--woh-shadow);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Pasek "okna przeglądarki" nad miniaturami (galerie / mockupy, sekcja 5) */
.woh-window-bar {
	height: 26px;
	background: #F3F4F6;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 12px;
	border-bottom: 1px solid var(--woh-border);
}

.woh-window-bar span {
	width: 8px;
	height: 8px;
	border-radius: 99px;
	display: inline-block;
}

.woh-window-bar span:nth-child(1) { background: #E0655F; }
.woh-window-bar span:nth-child(2) { background: #E6B94F; }
.woh-window-bar span:nth-child(3) { background: #5FB57A; }

/* Kafelek ikony (sekcja 2.6) */
.woh-icon-tile {
	width: 40px;
	height: 40px;
	border-radius: var(--woh-radius-sm);
	background: var(--woh-accent-tint);
	color: var(--woh-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.woh-icon-tile svg,
.woh-icon-tile img {
	width: 21px;
	height: 21px;
}

/* Numer w kółku z gradientem (kroki procesu, etapy — sekcja 5/6) */
.woh-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: var(--woh-grad);
	color: #fff !important;
	font-weight: 800;
	font-size: 14px;
	flex: none;
}

.woh-step-number--lg {
	width: 46px;
	height: 46px;
	font-size: 16px;
	box-shadow: 0 6px 16px rgba(235, 29, 36, .22);
}

/* ==========================================================================
   TAGI / BADGE / FILTRY (sekcja 5)
   ========================================================================== */
.woh-tag {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 600;
	color: var(--woh-muted-2);
	background: var(--woh-bg-1);
	border: 1px solid var(--woh-border-panel);
	padding: 5px 12px;
	border-radius: 7px;
	gap: 8px;
}

.woh-badge {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 700;
	color: var(--woh-accent);
	background: var(--woh-accent-tint);
	padding: 4px 9px;
	border-radius: 99px;
	white-space: nowrap;
}

.woh-filter {
	cursor: pointer;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	padding: 9px 16px;
	border-radius: 999px;
	border: 1.5px solid #E3E5E9;
	background: #fff;
	color: var(--woh-muted-2);
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.woh-filter--active {
	background: var(--woh-grad);
	color: #fff !important;
	border-color: transparent;
}

/* ==========================================================================
   FORMULARZE (sekcja 5 / .woh-field)
   ========================================================================== */
.woh-field,
.et_pb_contact_form input[type=text].woh-field,
.et_pb_contact_form input[type=email].woh-field,
.et_pb_contact_form input[type=tel].woh-field,
.et_pb_contact_form textarea.woh-field,
.et_pb_contact_form select.woh-field {
	width: 100%;
	background: #fff;
	border: 1.5px solid var(--woh-border-field);
	border-radius: var(--woh-radius-sm);
	padding: 12px 14px;
	font-size: 14.5px;
	font-family: 'Manrope', sans-serif;
	color: var(--woh-ink-2);
}

.woh-field::placeholder {
	color: #AEB3BB;
}

.woh-field:focus {
	outline: none;
	border-color: var(--woh-accent);
	box-shadow: 0 0 0 3px rgba(235, 29, 36, .12);
}

.woh-field-label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 7px;
}

input[type="checkbox"].woh-checkbox {
	accent-color: var(--woh-accent);
	width: 18px;
	height: 18px;
}

/* ==========================================================================
   SEKCJA CTA (sekcja 2.6 / 5 — .woh-cta / .woh-cta-banner)
   ========================================================================== */
.woh-cta-banner {
	border-radius: 22px;
	padding: 40px 46px;
	background: var(--woh-grad-cta);
	box-shadow: var(--woh-shadow-cta);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	color: #fff;
}

.woh-cta-banner h2,
.woh-cta-banner .woh-h2 {
	color: #fff;
	margin: 0 0 8px;
}

.woh-cta-banner p {
	color: rgba(255, 255, 255, .92);
	margin: 0;
}

.woh-cta-banner .woh-cta-actions {
	display: flex;
	gap: 12px;
	flex: none;
}

/* ==========================================================================
   BREADCRUMB (sekcja 5)
   ========================================================================== */
.woh-breadcrumb {
	font-size: 13px;
	font-weight: 600;
	color: var(--woh-subtle);
	display: flex;
	align-items: center;
	gap: 8px;
}

.woh-breadcrumb .woh-breadcrumb-current {
	color: var(--woh-muted-2);
}

/* ==========================================================================
   PANEL / BOX (sekcja 5 — .woh-panel)
   ========================================================================== */
.woh-panel {
	background: linear-gradient(180deg, var(--woh-panel-1), var(--woh-panel-2));
	border: 1px solid var(--woh-border-panel);
	border-radius: 20px;
	padding: 34px 30px;
}

/* ==========================================================================
   PASEK TECHNOLOGII (sekcja 5 — .woh-tech-bar)
   ========================================================================== */
.woh-tech-bar {
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: var(--woh-radius);
	padding: 22px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 22px;
}

.woh-tech-bar .woh-tech-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.woh-tech-bar .woh-tech-item span.woh-tech-icon {
	width: 28px;
	height: 28px;
	display: block;
}

.woh-tech-bar .woh-tech-item .woh-tech-name {
	font-weight: 700;
	font-size: 15px;
}

/* ==========================================================================
   PORÓWNANIE 2 KOLUMNY (sekcja 5 — .woh-compare)
   ========================================================================== */
.woh-compare {
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: var(--woh-radius);
	padding: 28px;
}

.woh-compare--accent {
	border: 1.5px solid var(--woh-border-hover);
	box-shadow: 0 14px 34px rgba(235, 29, 36, .08);
	position: relative;
	overflow: hidden;
}

.woh-compare--accent::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--woh-grad);
}

/* ==========================================================================
   CYTAT (sekcja 5 — .woh-quote)
   ========================================================================== */
.woh-quote {
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: 20px;
	padding: 34px;
	box-shadow: var(--woh-shadow);
	position: relative;
	overflow: hidden;
}

.woh-quote::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #EA018C, #EB1D24 55%, #EE8431);
}

.woh-quote-text {
	font-size: 19px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: -.01em;
	color: var(--woh-ink-2);
	margin: 0 0 16px;
}

.woh-quote-author {
	font-size: 14px;
	color: var(--woh-muted);
	font-weight: 600;
}

/* ==========================================================================
   GALERIA / MAPA (sekcja 5, 6.8 — .woh-gallery / .woh-map-box)
   ========================================================================== */
.woh-map-box {
	position: relative;
	height: 180px;
	border-radius: var(--woh-radius);
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--woh-border);
	background-image:
		linear-gradient(#EEF0F3 1px, transparent 1px),
		linear-gradient(90deg, #EEF0F3 1px, transparent 1px);
	background-size: 26px 26px;
}

/* ==========================================================================
   HEADER (sekcja 3)
   Divi 5 Section nie ma sprawdzonego natywnego pola "CSS ID" w atrybutach
   JSON (nie występuje w referencyjnym eksporcie), więc zamiast liczyć na
   nieistniejący identyfikator, sekcja Header jest wykrywana strukturalnie:
   Divi Theme Builder owija Global Header we własną klasę `.et-l--header`
   (analogicznie do potwierdzonej `.et-l--footer` w referencyjnym eksporcie
   stopki), a wewnątrz Section umieszczony jest niewidoczny znacznik
   `<span class="woh-header-marker">` (Text module "Logo — wordmark").
   Selektor `:has()` pozwala ostylować dokładnie tę jedną sekcję.
   ========================================================================== */
.et-l--header .et_pb_section:has(.woh-header-marker) {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: blur(12px) saturate(180%);
	backdrop-filter: blur(12px) saturate(180%);
	border-bottom: 1px solid #EDEFF2;
}

/* Ukrywa natywny mobilny toggler/panel modułu Menu W NAGŁÓWKU — używamy
   własnego drawer'a (#woh-mobile-drawer) 1:1 zgodnego z makietą. Nazwy klas
   Divi dla mobilnego menu nie są potwierdzone dla buildera 5.4.1 (to
   długoletnia konwencja Divi 4/5, do wizualnej weryfikacji po imporcie —
   jeśli natywny hamburger nadal się pokazuje obok naszego, dopisz tu
   właściwą klasę, którą zobaczysz w narzędziach deweloperskich przeglądarki). */
.et-l--header .et_pb_menu__mobile-toggle,
.et-l--header .mobile_menu_bar,
.et-l--header .et_mobile_menu {
	display: none !important;
}

.woh-logo-wrap {
	margin: 0;
	flex: none;
}

.woh-logo-text {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	font-size: 18px;
	letter-spacing: -.01em;
	color: var(--woh-ink) !important;
	text-decoration: none;
}

.woh-header-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: flex-end;
}

/* Dropdown "Usługi" (sekcja 3.1) */
.woh-dropdown {
	position: relative;
}

.woh-dropdown-panel {
	display: none;
	position: absolute;
	top: calc(100% + 14px);
	left: 0;
	min-width: 300px;
	background: #fff;
	border: 1px solid var(--woh-border);
	border-radius: 14px;
	box-shadow: var(--woh-shadow-hover);
	padding: 10px;
	z-index: 60;
}

.woh-dropdown.woh-is-open .woh-dropdown-panel {
	display: block;
}

.woh-dropdown-panel a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--woh-ink-2);
}

.woh-dropdown-panel a:hover {
	background: var(--woh-bg-1);
}

/* Przełącznik językowy PL | EN | DE (sekcja 3.1, 12) */
.woh-lang-switcher {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #E3E5E9;
	border-radius: 9px;
	padding: 5px 8px;
	font-weight: 700;
	font-size: 13px;
	flex: none;
}

.woh-lang-switcher a,
.woh-lang-switcher span.woh-lang-item {
	padding: 3px 6px;
	border-radius: 6px;
	color: var(--woh-muted-2);
}

.woh-lang-switcher .woh-lang-active {
	background: #F1F2F4;
	color: var(--woh-ink);
}

.woh-lang-switcher .woh-lang-sep {
	opacity: .4;
}

/* Mobile drawer + hamburger (sekcja 3.2) */
.woh-hamburger {
	display: none;
	width: 42px;
	height: 42px;
	border: 1px solid var(--woh-border-field);
	border-radius: 10px;
	background: #fff;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#woh-mobile-drawer {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 60;
	background: rgba(17, 17, 17, .45);
}

#woh-mobile-drawer.woh-is-open {
	display: block;
}

#woh-mobile-drawer .woh-drawer-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(320px, 85vw);
	background: #fff;
	padding: 22px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	box-shadow: -20px 0 60px rgba(0, 0, 0, .2);
}

#woh-mobile-drawer .woh-drawer-link {
	padding: 14px 8px;
	border-bottom: 1px solid #F1F2F4;
	font-weight: 700;
	font-size: 17px;
}

#woh-mobile-drawer .woh-drawer-cta {
	margin-top: 12px;
	text-align: center;
	padding: 14px;
	border-radius: 999px;
	background: var(--woh-grad);
	color: #fff !important;
	font-weight: 700;
}

/* Sticky bottom CTA — mobile only (sekcja 3.2) */
#woh-sticky-cta {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 40;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
	background: linear-gradient(to top, #fff 70%, rgba(255, 255, 255, 0));
}

#woh-sticky-cta a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 16px;
	border-radius: 14px;
	background: var(--woh-grad);
	color: #fff !important;
	font-weight: 800;
	font-size: 16px;
	box-shadow: 0 10px 26px rgba(235, 29, 36, .35);
}

/* ==========================================================================
   FOOTER (sekcja 4)
   ========================================================================== */
.woh-footer {
	background: var(--woh-footer-bg);
	color: var(--woh-footer-text);
}

.woh-footer-topline {
	height: 3px;
	background: var(--woh-grad);
}

.woh-footer-grid {
	max-width: var(--woh-max);
	margin: 0 auto;
	padding: 60px var(--woh-pad) 30px;
	display: grid;
	grid-template-columns: 1.7fr 1fr 1fr 1fr;
	gap: 44px;
}

/* Uwaga: te klasy są nadawane bezpośrednio na elementach HTML wewnątrz
   treści modułu Text (nie na samej Divi Column — natywne pole "CSS Class"
   dla Column/Row/Section nie ma potwierdzonego klucza w schemacie JSON,
   więc klasowanie odbywa się na poziomie znaczników w content.innerContent,
   dokładnie jak w dostarczonym referencyjnym eksporcie). */
.woh-footer-heading {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #fff !important;
	margin: 0 0 16px;
}

.woh-footer-text,
.woh-footer-text a {
	font-size: 14px;
	line-height: 1.9;
	color: var(--woh-footer-text) !important;
	text-decoration: none;
}

.woh-footer-text a:hover {
	color: #fff !important;
}

.woh-footer-desc {
	max-width: 280px;
	line-height: 1.65;
	color: var(--woh-footer-muted) !important;
	margin: 0 0 18px;
}

.woh-footer-logo {
	margin: 0 0 16px;
}

.woh-footer-logo img {
	display: block;
}

.woh-footer-logo .woh-logo-text {
	color: #fff !important;
	font-size: 20px;
	display: inline-block;
}

.woh-footer-social a {
	width: 38px;
	height: 38px;
	border: 1px solid #2A2A2A;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--woh-footer-text);
}

.woh-footer-bottom {
	border-top: 1px solid #262626;
}

.woh-footer-bottom-inner {
	max-width: var(--woh-max);
	margin: 0 auto;
	padding: 18px var(--woh-pad);
	border-top: 1px solid #262626;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	color: #8A9098 !important;
}

.woh-footer-bottom-inner a {
	color: #8A9098 !important;
}

/* ==========================================================================
   HOME — HERO
   Row-owy gradient tła i zaokrąglenie rogów hero NIE są ustawiane przez
   natywne atrybuty JSON (nie mamy zweryfikowanego klucza dla gradientu/
   promienia na poziomie Row), więc — dokładnie jak przy blurze nagłówka —
   używamy znacznika + selektora :has().
   ========================================================================== */
.et_pb_row:has(.woh-hero-marker) {
	background: linear-gradient(180deg, #F5F6F8, #ECEEF1);
	border-radius: 22px;
	overflow: hidden;
	min-height: 392px;
	align-items: stretch;
}

.et_pb_row:has(.woh-hero-marker) > .et_pb_column:last-child {
	display: flex;
}

.et_pb_row:has(.woh-hero-marker) > .et_pb_column:last-child > * {
	width: 100%;
}

/* ==========================================================================
   OGÓLNE ZABEZPIECZENIA — nie nadpisujemy globalnych klas Divi (et_pb_*);
   poniższe reguły działają wyłącznie poprzez klasy woh-* dodane w polu
   "CSS Class" modułów, zgodnie z wymogiem specyfikacji.
   ========================================================================== */