/**
 * PoppyOS - kreacja „ebook” w module reklam (v2.36.0, poprawki v2.36.1).
 *
 * Ładowany tylko na stronie, na której jest kreacja ebook (PoppyOS_Ads_Render::enqueue())
 * oraz na zakładce PoppyOS → Reklamy (podgląd). Mobile-first: reguły bazowe opisują telefon,
 * `min-width: 768px` dokłada desktop. Wzór wyglądu: makiety/banery-jpm/makieta-banery.html.
 *
 * NAZEWNICTWO: blokery (EasyList, EasyList Polish, Fanboy, AdGuard Annoyances) nie mogą
 * uznać kreacji za reklamę. W klasach tylko `.pos-ebook*`, bez słów ad, banner, sticky,
 * anchor, promo, lead, cta, newsletter itd. Pasek na dole to `.pos-ebook-bar`, nie
 * `.pos-slot-anchor`. Formularz wtyczki stylujemy po elementach (`form`, `input`, `button`),
 * nigdy po jej klasach. Szczegóły: poppyos/CLAUDE.md, sekcja „Kreacja ebook”.
 *
 * SPECYFICZNOŚĆ: shop.css ma własne `.pos-ebook` i `.pos-ebook__cover` (strona produktu,
 * 0,1,0) i na foodplan.pl ładuje się na każdej stronie. Dlatego reguły kreacji zaczynają
 * się od `.pos-ebook--blok` / `.pos-ebook.pos-ebook--blok` (0,2,0) - wygrywają bez
 * `!important`, niezależnie od kolejności arkuszy. Tak samo z `.pos-content a` i
 * `.pos-content p` (0,1,1) z custom.css.
 *
 * JEDNOSTKI (v2.36.1): rozmiary czcionek w `rem`, żeby działał przełącznik fontu motywu
 * (zmienia `font-size` elementu html) i ustawienie przeglądarki. Wymiary okładek, przycisków
 * i paska zostają w px (decyzje z makiety).
 */

/* ═══════════════════════════════════════════════════════════
   BLOK W TREŚCI I PO TREŚCI
   ═══════════════════════════════════════════════════════════ */

.pos-ebook.pos-ebook--blok {
	--pos-ebook-color: var(--poppyos-accent, #c8214e);
	/* Kreacja reklamuje ebooki Food Plan, więc przycisk i kolor odpowiedzi mają barwy tej marki
	   także na blogu z innym akcentem (jakpomasle.pl ma czerwony). Wzór: makieta zaakceptowana 27.09.2026. */
	--pos-ebook-btn: #f5781d;
	--pos-ebook-btn-gradient: linear-gradient(180deg, #ffa246 0%, #f5781d 55%, #e3610e 100%);
	--pos-ebook-btn-gradient-hover: linear-gradient(180deg, #ffad5a 0%, #f98424 55%, #e86a12 100%);
	--pos-ebook-btn-fg: #fff;
	--pos-ebook-btn-shadow: 0 10px 26px -8px rgba(229, 101, 16, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.35);
	--pos-ebook-btn-text-shadow: 0 1px 1px rgba(110, 45, 0, 0.22);
	--pos-ebook-answer: #c2410c;
	--pos-ebook-bg: #fff6e8;
	/* Na kremowym tle #64748b ma 4,44:1 - za mało dla 11 px; #5b6475 ma 5,56:1. */
	--pos-ebook-trust: #5b6475;
	--pos-ebook-proof: #475569;
	box-sizing: border-box;
	position: relative;
	display: grid;
	grid-template-columns: 30% minmax(0, 1fr);
	column-gap: 12px;
	row-gap: 10px;
	align-items: start;
	max-width: none;
	/* Telefon: od krawędzi do krawędzi ekranu. Ujemny margines = boczny padding kolumny
	   treści motywu (root padding z theme.json, 1.5rem); bez zmiennej 0. */
	margin: 30px calc(-1 * var(--wp--style--root--padding-right, 0px)) 30px calc(-1 * var(--wp--style--root--padding-left, 0px));
	padding: 16px 16px 18px 12px;
	background: var(--pos-ebook-bg);
	border-left: 4px solid var(--pos-ebook-color);
	color: var(--poppyos-ink, #0f172a);
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}

.pos-ebook.pos-ebook--bez-okladki {
	grid-template-columns: minmax(0, 1fr);
}

.pos-ebook--bez-okladki .pos-ebook__cover,
.pos-ebook--blok [hidden] {
	display: none;
}

/* Reguła „żadnej kreacji w pierwszym ekranie telefonu” (N akapitu ≤ 2). */
.pos-ebook.pos-ebook--pozniej {
	display: none;
}

.pos-ebook--blok .pos-ebook__trust {
	grid-column: 1 / -1;
	display: block;
	margin: 0;
	font-size: 0.6875rem;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--pos-ebook-trust);
}

.pos-ebook--blok .pos-ebook__trust:empty {
	display: none;
}

/* Nadpisuje .pos-ebook__cover ze strony produktu (shop.css). */
.pos-ebook--blok .pos-ebook__cover {
	display: block;
	width: auto;
	min-width: 0;
	margin: 2px 0 0;
	border-radius: 0;
	box-shadow: none;
	text-decoration: none;
}

.pos-ebook--blok .pos-ebook__cover img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18), 0 8px 18px -8px rgba(15, 23, 42, 0.45);
}

.pos-ebook--blok .pos-ebook__cover img[hidden] {
	display: none;
}

.pos-ebook--blok .pos-ebook__body {
	min-width: 0;
}

.pos-ebook--blok .pos-ebook__q,
.pos-ebook--blok .pos-ebook__a {
	margin: 0;
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 1.25rem;
	line-height: 1.22;
	font-weight: 800;
	letter-spacing: -0.012em;
	text-wrap: pretty;
}

.pos-ebook--blok .pos-ebook__q {
	color: var(--poppyos-ink, #0f172a);
}

.pos-ebook--blok .pos-ebook__a {
	margin-top: 4px;
	color: var(--pos-ebook-answer);
}

.pos-ebook--blok .pos-ebook__proof {
	margin: 10px 0 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	font-weight: 500;
	color: var(--pos-ebook-proof);
	text-wrap: pretty;
}

.pos-ebook--blok .pos-ebook__q:empty,
.pos-ebook--blok .pos-ebook__a:empty,
.pos-ebook--blok .pos-ebook__proof:empty {
	display: none;
}

/*
 * Przycisk główny według tokenów z v2.36.0 (Etap 5a), jak .pos-shop__btn: kolor
 * własne tokeny kreacji `--pos-ebook-btn*` (barwy Food Plan, niezależne od presetu witryny).
 * Bez presetu (np. jakpomasle.pl) gradientu nie ma i przycisk ma kolor CTA witryny.
 * Przycisk formularza wtyczki (poppy-forms) wybierany po elemencie, nie po klasie wtyczki.
 */
.pos-ebook--blok .pos-ebook__btn,
.pos-ebook--blok .pos-ebook__form button[type="submit"],
.pos-ebook--blok .pos-ebook__form input[type="submit"] {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	min-height: 48px;
	margin: 14px 0 0;
	padding: 0 18px;
	border: 0;
	border-radius: 999px;
	background-color: var(--pos-ebook-btn);
	background-image: var(--pos-ebook-btn-gradient);
	color: var(--pos-ebook-btn-fg);
	text-shadow: var(--pos-ebook-btn-text-shadow);
	box-shadow: var(--pos-ebook-btn-shadow);
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: filter 0.15s ease;
}

.pos-ebook--blok .pos-ebook__btn:hover,
.pos-ebook--blok .pos-ebook__form button[type="submit"]:hover,
.pos-ebook--blok .pos-ebook__form input[type="submit"]:hover {
	background-image: var(--pos-ebook-btn-gradient-hover);
	color: var(--pos-ebook-btn-fg);
	text-decoration: none;
	filter: brightness(1.04);
}

.pos-ebook--blok a:focus-visible,
.pos-ebook--blok .pos-ebook__form button:focus-visible,
.pos-ebook--blok .pos-ebook__form input:focus-visible {
	outline: 3px solid var(--poppyos-ink, #0f172a);
	outline-offset: 2px;
}

/*
 * Formularz zapisu (shortcode poppy-forms) w miejscu przycisku: jedna kolumna na wszystkich
 * szerokościach - pole, zgoda i przycisk pod sobą (v2.36.1). Marginesy akapitów wtyczki
 * zerowane, odstęp daje `gap`.
 */
.pos-ebook--blok .pos-ebook__form {
	margin-top: 14px;
}

.pos-ebook--blok .pos-ebook__form form {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	margin: 0;
}

.pos-ebook--blok .pos-ebook__form form > p,
.pos-ebook--blok .pos-ebook__form form > div {
	margin: 0;
}

.pos-ebook--blok .pos-ebook__form button[type="submit"],
.pos-ebook--blok .pos-ebook__form input[type="submit"] {
	margin-top: 0;
}

.pos-ebook--blok .pos-ebook__form input[type="email"],
.pos-ebook--blok .pos-ebook__form input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-height: 48px;
	padding: 0 16px;
	/* 4,76:1 na bieli, 4,44:1 na kremie - ramka pola spełnia 3:1 (WCAG 1.4.11). */
	border: 1.5px solid #64748b;
	border-radius: 999px;
	background: #fff;
	color: var(--poppyos-ink, #0f172a);
	font: 500 1rem/1.2 var(--wp--preset--font-family--body, inherit);
}

/* ═══════════════════════════════════════════════════════════
   PASEK NA DOLE EKRANU (telefon) / KARTA W ROGU (komputer, od 768 px)
   ═══════════════════════════════════════════════════════════ */

.pos-ebook-bar {
	--pos-ebook-color: var(--poppyos-accent, #c8214e);
	/* Kreacja reklamuje ebooki Food Plan, więc przycisk i kolor odpowiedzi mają barwy tej marki
	   także na blogu z innym akcentem (jakpomasle.pl ma czerwony). Wzór: makieta zaakceptowana 27.09.2026. */
	--pos-ebook-btn: #f5781d;
	--pos-ebook-btn-gradient: linear-gradient(180deg, #ffa246 0%, #f5781d 55%, #e3610e 100%);
	--pos-ebook-btn-gradient-hover: linear-gradient(180deg, #ffad5a 0%, #f98424 55%, #e86a12 100%);
	--pos-ebook-btn-fg: #fff;
	--pos-ebook-btn-shadow: 0 10px 26px -8px rgba(229, 101, 16, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.35);
	--pos-ebook-btn-text-shadow: 0 1px 1px rgba(110, 45, 0, 0.22);
	--pos-ebook-answer: #c2410c;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	column-gap: 12px;
	align-items: center;
	height: calc(72px + env(safe-area-inset-bottom, 0px));
	padding: 0 12px env(safe-area-inset-bottom, 0px) 14px;
	overflow: visible;
	background: #fff;
	border-top: 3px solid var(--pos-ebook-color);
	box-shadow: 0 -8px 24px -10px rgba(15, 23, 42, 0.3);
	color: var(--poppyos-ink, #0f172a);
	font-family: var(--wp--preset--font-family--body, inherit);
	text-align: left;
}

.pos-ebook-bar[hidden] {
	display: none;
}

/* Okładka większa niż pasek, lekko obrócona, wystaje ponad górną krawędź. */
.pos-ebook-bar__cover {
	display: block;
	width: 58px;
	height: 82px;
	align-self: start;
	margin: -16px 0 0 4px;
	object-fit: cover;
	border-radius: 3px;
	transform: rotate(-3deg);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.2), 0 8px 18px -6px rgba(15, 23, 42, 0.5);
}

.pos-ebook-bar__text {
	display: -webkit-box;
	margin: 6px 0 0;
	overflow: hidden;
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 0.96875rem;
	line-height: 1.22;
	font-weight: 700;
	color: var(--poppyos-ink, #0f172a);
	text-wrap: balance;
	/* Trzeci wiersz tylko dla najdłuższych tekstów; krótkie mają jak w makiecie 1-2. */
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.pos-ebook-bar .pos-ebook-bar__btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	/* 32 px: przycisk kończy się tuż przed polem × (40 px od prawej krawędzi paska minus 4 px). */
	margin: 10px 32px 0 0;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background-color: var(--pos-ebook-btn);
	background-image: var(--pos-ebook-btn-gradient);
	color: var(--pos-ebook-btn-fg);
	text-shadow: var(--pos-ebook-btn-text-shadow);
	box-shadow: var(--pos-ebook-btn-shadow);
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: filter 0.15s ease;
}

.pos-ebook-bar .pos-ebook-bar__btn:hover {
	background-image: var(--pos-ebook-btn-gradient-hover);
	color: var(--pos-ebook-btn-fg);
	filter: brightness(1.04);
}

/* × wizualnie 22 px w kółku, cel dotykowy 40 × 40 px, w prawym górnym rogu ponad paskiem. */
.pos-ebook-bar .pos-ebook-bar__x {
	position: absolute;
	right: 4px;
	top: -20px;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.pos-ebook-bar__x span {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border: 1px solid #cbd5e1;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
	color: #334155;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
}

.pos-ebook-bar a:focus-visible,
.pos-ebook-bar button:focus-visible {
	outline: 3px solid var(--poppyos-ink, #0f172a);
	outline-offset: 2px;
}

/*
 * Wąskie telefony (< 390 px): mniej odstępów i mniejszy przycisk, który zaczyna się pod polem ×
 * (× sięga 20 px w głąb paska), więc nie potrzebuje odsunięcia w prawo. Na 390 px i szerzej
 * wygląd jak w makiecie.
 */
@media (max-width: 389px) {
	.pos-ebook-bar {
		column-gap: 8px;
		padding-left: 10px;
		padding-right: 8px;
	}

	.pos-ebook-bar__text {
		font-size: 0.875rem;
		line-height: 1.18;
	}

	.pos-ebook-bar .pos-ebook-bar__btn {
		align-self: start;
		min-height: 44px;
		margin: 22px 0 0;
		padding: 0 14px;
		font-size: 0.9375rem;
	}
}

/*
 * Odsunięcie treści, przewijania do fokusu i przycisków dostępności od paska. Zakres tylko
 * do 767 px (wyjątek od mobile-first): na komputerze jest karta w rogu, która treści nie
 * odsuwa (reguły w bloku desktop), a przyciski mają tam własne,
 * różne wartości `bottom`, których nie powtarzamy tutaj.
 */
@media (max-width: 767px) {
	body.has-pos-ebook-bar {
		padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
	}

	/* WCAG 2.4.11: element z fokusem nie chowa się pod paskiem (+24 px na × i okładkę). */
	html.has-pos-ebook-bar {
		scroll-padding-bottom: calc(72px + 24px + env(safe-area-inset-bottom, 0px));
	}

	body.has-pos-ebook-bar .pos-back-to-top {
		bottom: calc(1.25rem + 72px + env(safe-area-inset-bottom, 0px));
	}
}

/* Przełącznik fontu stoi przy dole tylko poniżej 600 px; w 600-767 px jest wyśrodkowany w pionie
   (top: 50%), więc dokładanie `bottom` zgniatało go do jednego przycisku (v2.36.1). */
@media (max-width: 599px) {
	body.has-pos-ebook-bar .pos-font-switcher {
		bottom: calc(5rem + 72px + env(safe-area-inset-bottom, 0px));
	}
}

/* ═══════════════════════════════════════════════════════════
   DESKTOP (≥ 768 px)
   ═══════════════════════════════════════════════════════════ */

@media (min-width: 768px) {
	.pos-ebook.pos-ebook--blok {
		grid-template-columns: 140px minmax(0, 1fr);
		column-gap: 26px;
		row-gap: 12px;
		margin: 36px 0;
		padding: 22px 28px 24px 24px;
	}

	.pos-ebook.pos-ebook--bez-okladki {
		grid-template-columns: minmax(0, 1fr);
	}

	.pos-ebook.pos-ebook--pozniej {
		display: grid;
	}

	.pos-ebook--blok .pos-ebook__q,
	.pos-ebook--blok .pos-ebook__a {
		font-size: 1.375rem;
	}

	.pos-ebook--blok .pos-ebook__proof {
		max-width: 60ch;
	}

	.pos-ebook--blok .pos-ebook__btn {
		display: inline-flex;
		width: auto;
		min-width: 220px;
		padding: 0 30px;
	}

	/*
	 * Komputer (decyzja Jacka 27.09): zamiast paska karta w prawym dolnym rogu, 340 px, lewa
	 * krawędź w kolorze tomu, okładka wystaje 32 px ponad kartę, × wewnątrz karty. Treści nie
	 * odsuwa; podnosi tylko przycisk „do góry” (patrz niżej). Wzór: makieta, `.pos-ebook-bar--desk`.
	 */
	.pos-ebook-bar {
		left: auto;
		right: 16px;
		bottom: 16px;
		grid-template-columns: 78px minmax(0, 1fr);
		grid-template-rows: auto auto;
		column-gap: 14px;
		row-gap: 10px;
		align-items: start;
		width: 340px;
		height: auto;
		min-height: 108px;
		padding: 16px 18px 16px 16px;
		border-top: 0;
		border-left: 4px solid var(--pos-ebook-color);
		border-radius: 14px;
		box-shadow: 0 18px 44px -14px rgba(15, 23, 42, 0.45), 0 2px 6px rgba(15, 23, 42, 0.12);
	}

	.pos-ebook-bar__cover {
		grid-row: 1 / span 2;
		width: 78px;
		height: 110px;
		margin: -32px 0 0 2px;
	}

	.pos-ebook-bar__text {
		margin: 2px 26px 0 0;
		font-size: 1rem;
		line-height: 1.25;
	}

	.pos-ebook-bar .pos-ebook-bar__btn {
		grid-column: 2;
		justify-self: start;
		min-height: 46px;
		margin: 0;
		padding: 0 26px;
		font-size: 1rem;
	}

	.pos-ebook-bar .pos-ebook-bar__x {
		top: 6px;
		right: 6px;
		width: 36px;
		height: 36px;
	}

	.pos-ebook-bar__x span {
		box-shadow: none;
	}

	/* „Do góry” (prawy dolny róg, 2rem) staje nad kartą. Wysokość karty podaje skrypt paska. */
	body.has-pos-ebook-bar .pos-back-to-top {
		bottom: calc(16px + var(--pos-ebook-bar-h, 150px) + 16px);
	}

	/* Fokus nie chowa się pod kartą (WCAG 2.4.11): przewijanie zostawia zapas wysokości karty. */
	html.has-pos-ebook-bar {
		scroll-padding-bottom: calc(16px + var(--pos-ebook-bar-h, 150px) + 16px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pos-ebook--blok .pos-ebook__btn,
	.pos-ebook--blok .pos-ebook__form button,
	.pos-ebook-bar .pos-ebook-bar__btn {
		transition: none;
	}
}

/* Druk: kreacja, pasek i karta nie trafiają na papier (wydruk przepisu to sam przepis). */
@media print {
	.pos-ebook.pos-ebook--blok,
	.pos-ebook-bar {
		display: none;
	}

	body.has-pos-ebook-bar {
		padding-bottom: 0;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v2.39.0 - LINIJKA, PASEK Z FORMULARZEM, LINIJKA PO WSTĘPIE
   Wzór: makiety/banery-jpm-v2/css/ebook-v2.css (zaakceptowana 01.10.2026).
   Wszystko na nowych klasach (`.pos-ebook--linia`, `.pos-ebook-bar--formularz`,
   `.pos-ebook-wstep`), więc pasek z przyciskiem-linkiem i blok z 2.36.1 wyglądają
   jak dotąd. Formularz poppy-forms stylowany po elementach, nigdy po klasach wtyczki.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ───────── A. Linijka z płatnym ebookiem (`inline_wyglad` = linia) ───────── */

.pos-ebook.pos-ebook--linia {
	--pos-ebook-color: var(--poppyos-accent, #c8214e);
	--pos-ebook-answer: #c2410c;
	--pos-ebook-linia-bg: #fffaf3;
	box-sizing: border-box;
	display: block;
	margin: 1.75rem 0 1.5rem;
	padding: 0;
	font-family: var(--wp--preset--font-family--body, inherit);
}

/*
 * Cały element to jeden odnośnik. Telefon: zdanie do 3 wierszy + odnośnik w osobnym wierszu,
 * 4 × 19,6 px + 2 × 11 px ≈ 101 px → zarezerwowane 102 px (pomiar makiety, 390 px).
 */
.pos-ebook--linia .pos-ebook__link {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	column-gap: 14px;
	align-items: center;
	min-height: 102px;
	padding: 11px 14px 11px 12px;
	border-left: 3px solid var(--pos-ebook-color);
	border-radius: 0 10px 10px 0;
	background: var(--pos-ebook-linia-bg);
	color: var(--poppyos-ink, #0f172a);
	text-decoration: none;
}

.pos-ebook.pos-ebook--linia.pos-ebook--bez-okladki .pos-ebook__link {
	grid-template-columns: minmax(0, 1fr);
}

/* Reguła pierwszego ekranu telefonu (zapas „po N-tym akapicie”, N ≤ 2) także dla linijki. */
.pos-ebook.pos-ebook--linia.pos-ebook--pozniej {
	display: none;
}

.pos-ebook--linia .pos-ebook__link:hover {
	color: var(--poppyos-ink, #0f172a);
	text-decoration: none;
}

.pos-ebook--linia .pos-ebook__link:focus-visible {
	outline: 3px solid var(--poppyos-ink, #0f172a);
	outline-offset: 2px;
}

.pos-ebook--linia .pos-ebook__thumb {
	display: block;
	width: 44px;
	height: 62px;
	margin: 0;
	object-fit: cover;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.2), 0 6px 12px -6px rgba(15, 23, 42, 0.45);
}

.pos-ebook--linia .pos-ebook__thumb[hidden] {
	display: none;
}

.pos-ebook--linia .pos-ebook__line {
	display: block;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.4;
	font-weight: 500;
	/* #334155 na #fffaf3: 9,9:1 */
	color: #334155;
	text-wrap: pretty;
}

/* Odnośnik: #c2410c na #fffaf3 = 4,96:1. Telefon: w osobnym wierszu; komputer: w tym samym akapicie. */
.pos-ebook--linia .pos-ebook__more {
	display: table;
	margin-top: 2px;
	font-weight: 700;
	color: var(--pos-ebook-answer);
	white-space: nowrap;
	text-decoration: none;
	text-underline-offset: 3px;
}

.pos-ebook--linia .pos-ebook__link:hover .pos-ebook__more,
.pos-ebook--linia .pos-ebook__link:focus-visible .pos-ebook__more {
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
}

.pos-ebook--linia .pos-ebook__more span[aria-hidden] {
	display: inline-block;
	transition: transform 0.15s ease;
}

.pos-ebook--linia .pos-ebook__link:hover .pos-ebook__more span[aria-hidden] {
	transform: translateX(3px);
}

/* ───────── B. Blok zapisu na końcu wpisu - cel linijki po wstępie ───────── */

.pos-ebook.pos-ebook--zapis {
	scroll-margin-top: 24px;
	scroll-margin-bottom: 96px;
}

.pos-ebook.pos-ebook--zapis[tabindex="-1"]:focus {
	outline: none;
}

/* Zgoda formularza (akapit z polem wyboru) drobnym drukiem, jak w makiecie; 5,56:1 na kremie. */
.pos-ebook--blok .pos-ebook__form form > p:has(input[type="checkbox"]),
.pos-ebook--blok .pos-ebook__form form > p:has(input[type="checkbox"]) label,
.pos-ebook--blok .pos-ebook__form form > p:has(input[type="checkbox"]) span,
.pos-ebook--blok .pos-ebook__form small {
	font-size: 0.75rem;
	line-height: 1.4;
	font-weight: 500;
	color: #5b6475;
	text-wrap: pretty;
}

/* Nota wtyczki pod formularzem bloku: pełny kontrast, bez `opacity` z arkusza wtyczki (front nr 13). */
.pos-ebook--blok .pos-ebook__form form ~ div,
.pos-ebook--blok .pos-ebook__form form ~ div span {
	font-size: 0.75rem;
	line-height: 1.4;
	font-weight: 500;
	color: #5b6475;
	opacity: 1;
}

.pos-ebook--blok .pos-ebook__form input[type="email"]::placeholder {
	color: #64748b;
	opacity: 1;
}

/* ───────── C. Pasek z formularzem (telefon) ───────── */

/*
 * Wysokość panelu (`--pos-ebook-panel-h`) ustawia skrypt v2 na SAMYM pasku (styl inline), więc tu
 * nie ma deklaracji - wartość domyślna tylko w var() (kontrola 2.39.0, front nr 4).
 *
 * Telefon: min-height zamiast stałej wysokości, tekst bez ucinania (front nr 6) - przy tekście 140%
 * i na 320 px pasek rośnie, a skrypt podaje jego wysokość w `--pos-ebook-bar-h` (odsunięcie treści).
 */
@media (max-width: 767px) {
	.pos-ebook-bar.pos-ebook-bar--formularz {
		height: auto;
		min-height: calc(72px + env(safe-area-inset-bottom, 0px));
		padding-top: 0;
		padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px));
	}

	/* Okładka wystaje 16 px ponad pasek; w przepływie liczy się 58 px, więc pasek ma nadal 72 px. */
	.pos-ebook-bar--formularz .pos-ebook-bar__cover {
		margin-bottom: -8px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__text {
		display: block;
		overflow: visible;
		-webkit-line-clamp: none;
	}
}

/* Pasek z przyciskiem-linkiem i tekstem z **gwiazdkami** (kontrola 2.39.0, nr 1): tytuł mocniej, dopisek lżej. */
.pos-ebook-bar__text strong {
	font-weight: 800;
}

.pos-ebook-bar__text span {
	font-weight: 500;
	color: #475569;
}

/* Tytuł pogrubiony, dopisek („Darmowy ebook”) pod nim drobniej. */
.pos-ebook-bar--formularz .pos-ebook-bar__text {
	margin: 4px 0 0;
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: 0.9375rem;
	line-height: 1.2;
	font-weight: 500;
	color: #475569;
}

.pos-ebook-bar--formularz .pos-ebook-bar__text strong {
	font-weight: 800;
	color: var(--poppyos-ink, #0f172a);
}

.pos-ebook-bar--formularz .pos-ebook-bar__text span {
	display: block;
	margin-top: 2px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
}

/* Przycisk paska to <button> (rozwija panel). × podniesiony o 4 px, przycisk bliżej krawędzi. */
.pos-ebook-bar--formularz button.pos-ebook-bar__btn {
	margin: 12px 2px 0 0;
	padding: 0 20px;
	cursor: pointer;
}

.pos-ebook-bar.pos-ebook-bar--formularz .pos-ebook-bar__x {
	top: -24px;
}

/* Tytuł i opis karty są tylko na komputerze. */
.pos-ebook-bar--formularz .pos-ebook-bar__card {
	display: none;
}

/* Panel nad paskiem: position absolute względem paska fixed - otwarcie niczego nie przesuwa. */
.pos-ebook-bar--formularz .pos-ebook-bar__panel {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	/* Przy klawiaturze ekranowej skrypt podaje wysokość widocznej części ekranu (visualViewport). */
	max-height: calc(var(--pos-ebook-vv-h, 100vh) - 120px);
	overflow-x: hidden;
	overflow-y: auto;
	/* 16 px u góry: × (40 px, 24 px nad krawędzią panelu) kończy się nad polem i przyciskiem. */
	padding: 16px 14px 14px;
	background: #fff6e8;
	border-top: 3px solid var(--pos-ebook-color);
	border-bottom: 1px solid #f0dfc4;
	box-shadow: 0 -10px 24px -12px rgba(15, 23, 42, 0.35);
	color: var(--poppyos-ink, #0f172a);
	font-size: 1rem;
	text-align: left;
	animation: pos-ebook-wysun 0.22s ease-out;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel[hidden] {
	display: none;
}

@keyframes pos-ebook-wysun {
	from {
		opacity: 0;
		transform: translateY(14px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

/*
 * Formularz po elementach (kontrola 2.39.0, front nr 2 i 3): pole e-mail i przycisk w JEDNYM wierszu,
 * zgoda (akapit z polem wyboru), komunikaty i nota pod spodem. Kolejność przez `order`, bo wtyczka
 * drukuje zgodę przed przyciskiem. Selektory zaczynają się od `.pos-ebook-bar--formularz
 * .pos-ebook-bar__panel` (0,2,0) i mają element w środku - są mocniejsze niż arkusz wtyczki
 * (np. przycisk 0,2,1: width 100%, margin .7em 0 0), który ładuje się PÓŹNIEJ, w stopce. Bez klas
 * wtyczki: wyłącznie elementy, atrybuty (`type`, `role`, `[hidden]`) i :has().
 * Bez :has() (starsze przeglądarki) elementy układają się po kolei - też czytelnie.
 */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
	max-width: none;
	margin: 0;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > div {
	flex: 1 1 100%;
	min-width: 0;
	margin: 0;
	order: 4;
}

/* margin: 0 jawnie - `.pfrm-form.pfrm-no-labels .pfrm-field` (0,3,0) dokłada 0,75em pod polem. */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="email"]) {
	flex: 1 1 0;
	margin: 0;
	order: 1;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > button[type="submit"],
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(button[type="submit"]) {
	flex: 0 0 auto;
	order: 2;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) {
	order: 3;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:empty,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > [hidden] {
	display: none;
}

/*
 * Panel widać tylko przy działającym skrypcie, a arkusz i skrypt wtyczki ładują się PO skrypcie
 * paska (stopka). Żeby pomiar wysokości przy pierwszym pokazaniu (próg 30%) nie zależał od tego,
 * czy wtyczka już zdążyła: akapit „bez JavaScriptu” (akapit bez pola i przycisku, nie status)
 * jest tu zbędny, a pole-pułapka (`aria-hidden`) poza ekranem jak w arkuszu wtyczki.
 */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:not(:has(input, button, select, textarea)):not([role="status"]) {
	display: none;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > div[aria-hidden="true"] {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Etykieta pola e-mail ukryta wizualnie (technika screen-reader-text) - czytnik ją czyta, pole ma placeholder. */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="email"]) label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 0 16px;
	border: 1.5px solid #64748b;
	border-radius: 999px;
	background: #fff;
	color: var(--poppyos-ink, #0f172a);
	/* 16 px: iOS nie powiększa strony przy fokusie. */
	font: 500 1rem/1.2 var(--wp--preset--font-family--body, inherit);
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel input[type="email"]::placeholder {
	color: #64748b;
	opacity: 1;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form button[type="submit"] {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: none;
	min-height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	background-color: var(--pos-ebook-btn);
	background-image: var(--pos-ebook-btn-gradient);
	color: var(--pos-ebook-btn-fg);
	text-shadow: var(--pos-ebook-btn-text-shadow);
	box-shadow: var(--pos-ebook-btn-shadow);
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: filter 0.15s ease;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form button[type="submit"]:hover {
	background-image: var(--pos-ebook-btn-gradient-hover);
	filter: brightness(1.04);
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel input:focus-visible {
	border-color: var(--poppyos-ink, #0f172a);
	outline: 2px solid var(--poppyos-ink, #0f172a);
	outline-offset: 1px;
}

/*
 * Zgoda, dopiski i nota drobnym drukiem z PEŁNYM kontrastem (front nr 13): #5b6475 na #fff6e8 = 5,56:1,
 * bez przygaszenia (`opacity`) z arkusza wtyczki - także „pokaż więcej” w nocie.
 */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]),
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) label,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span,
.pos-ebook-bar--formularz .pos-ebook-bar__panel small,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ p,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ div,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ div span {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.35;
	font-weight: 500;
	color: #5b6475;
	opacity: 1;
	text-wrap: pretty;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ p,
.pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ div {
	margin: 6px 0 0;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ div p {
	margin: 4px 0 0;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel input[type="checkbox"] {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 0;
}

/* Gwiazdka „wymagane” wtyczki: ten sam kolor co błąd, ale bez zmiany wielkości. */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span span {
	color: #a12828;
	font-weight: 700;
}

/* Komunikaty (status pod formularzem i błąd przy polu): czytelne, ciemniejsze niż domyślne wtyczki. */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p[role="status"] {
	font-size: 0.875rem;
	line-height: 1.35;
	font-weight: 600;
	color: #14532d;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p[role="status"][class*="error"],
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="email"]) span {
	color: #a12828;
}

/* Błąd przy zgodzie: wtyczka dokłada go jako bezpośrednie dziecko akapitu (tekst zgody jest w etykiecie). */
.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) > span {
	display: block;
	margin: 4px 0 0 28px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #a12828;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="email"]) span {
	display: block;
	margin: 4px 0 0 16px;
	font-size: 0.8125rem;
	line-height: 1.3;
	font-weight: 600;
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel a {
	color: inherit;
	text-decoration: underline;
}

/* Rozwinięty: przycisk paska znika (jego rolę ma przycisk w panelu), × na górnej krawędzi panelu. */
.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__btn {
	display: none;
}

.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__text {
	grid-column: 2 / -1;
	margin-right: 8px;
}

.pos-ebook-bar.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__x {
	top: calc(-1 * var(--pos-ebook-panel-h, 136px) - 24px);
}

@media (max-width: 389px) {
	.pos-ebook-bar--formularz button.pos-ebook-bar__btn {
		margin: 22px 0 0;
		padding: 0 14px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__panel {
		padding-right: 10px;
		padding-left: 10px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__panel form button[type="submit"] {
		padding: 0 14px;
	}
}

/*
 * Odsunięcie treści i przewijania do fokusu o pasek RAZEM z otwartym panelem: wysokość podaje
 * skrypt v2 w `--pos-ebook-bar-h` (pasek fixed, więc treść na ekranie się nie przesuwa).
 */
@media (max-width: 767px) {
	html.has-pos-ebook-bar-pole body.has-pos-ebook-bar {
		padding-bottom: var(--pos-ebook-bar-h, 72px);
	}

	html.has-pos-ebook-bar.has-pos-ebook-bar-pole {
		scroll-padding-bottom: calc(var(--pos-ebook-bar-h, 72px) + 24px);
	}

	html.has-pos-ebook-bar-pole body.has-pos-ebook-bar .pos-back-to-top {
		bottom: calc(1.25rem + var(--pos-ebook-bar-h, 72px));
	}
}

/* ───────── E. Linijka tekstowa po wstępie (`wstep` = 1) ───────── */

.pos-ebook-wstep.pos-ebook-wstep {
	margin: 0 0 1.5rem;
	padding: 0.5rem 0 0.5rem 0.875rem;
	border-left: 2px solid var(--pos-ebook-color, #c2410c);
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #334155;
}

/* Cel dotykowy 44 px przy wierszu 23 px: pionowy padding z ujemnym marginesem. */
.pos-ebook-wstep .pos-ebook-wstep__link {
	display: inline-block;
	margin: -0.625rem 0;
	padding: 0.625rem 0;
	font-weight: 700;
	color: #c2410c;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.pos-ebook-wstep .pos-ebook-wstep__link:hover {
	color: #9a3412;
	text-decoration-thickness: 2px;
}

.pos-ebook-wstep .pos-ebook-wstep__link:focus-visible {
	outline: 3px solid var(--poppyos-ink, #0f172a);
	outline-offset: 2px;
}

/* ───────── Komputer (≥ 768 px): linijka, karta w rogu z polem e-mail ───────── */

@media (min-width: 768px) {
	.pos-ebook.pos-ebook--linia {
		margin: 2rem 0 1.75rem;
	}

	.pos-ebook.pos-ebook--linia.pos-ebook--pozniej {
		display: block;
	}

	.pos-ebook--linia .pos-ebook__link {
		column-gap: 16px;
		min-height: 86px;
		padding: 12px 20px 12px 14px;
	}

	.pos-ebook--linia .pos-ebook__line {
		font-size: 0.9375rem;
		line-height: 1.45;
	}

	.pos-ebook--linia .pos-ebook__more {
		display: inline;
		margin-top: 0;
	}

	/* Karta: tytuł i opis zamiast tekstu paska. Ułożenie jawne, bo panel jest pierwszym dzieckiem. */
	.pos-ebook-bar--formularz .pos-ebook-bar__text {
		display: none;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__cover {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.pos-ebook-bar.pos-ebook-bar--formularz .pos-ebook-bar__x,
	.pos-ebook-bar.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__x {
		top: 6px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__card {
		display: block;
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
		margin: 0;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__card p {
		margin: 0;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__card .pos-ebook-bar__title {
		margin-right: 24px;
		font-family: var(--wp--preset--font-family--display, inherit);
		font-size: 1rem;
		line-height: 1.25;
		font-weight: 800;
		color: var(--poppyos-ink, #0f172a);
		text-wrap: balance;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__card .pos-ebook-bar__desc {
		margin-top: 4px;
		font-size: 0.8125rem;
		line-height: 1.4;
		font-weight: 500;
		color: #475569;
		text-wrap: pretty;
	}

	.pos-ebook-bar--formularz button.pos-ebook-bar__btn {
		grid-column: 2;
		grid-row: 2;
		margin: 0;
		padding: 0 26px;
	}

	/* Pole w karcie: wiersz pod okładką na całą szerokość; karta rośnie w górę (przypięta do dołu). */
	.pos-ebook-bar--formularz .pos-ebook-bar__panel {
		position: static;
		grid-column: 1 / -1;
		grid-row: 3;
		max-height: none;
		overflow: visible;
		margin: 2px 0 0;
		padding: 12px 0 0;
		background: transparent;
		border-top: 1px solid #e2e8f0;
		border-bottom: 0;
		box-shadow: none;
		animation-name: pos-ebook-rozwin;
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__cover {
		grid-row: 1;
	}

	@keyframes pos-ebook-rozwin {
		from {
			opacity: 0;
			transform: translateY(6px);
		}

		to {
			opacity: 1;
			transform: none;
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	.pos-ebook-bar--formularz .pos-ebook-bar__panel {
		animation: none;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__panel form button[type="submit"],
	.pos-ebook--linia .pos-ebook__more span[aria-hidden] {
		transition: none;
	}

	.pos-ebook--linia .pos-ebook__link:hover .pos-ebook__more span[aria-hidden] {
		transform: none;
	}
}

/* Druk: wydruk przepisu to sam przepis - bez linijki, linijki po wstępie i panelu. */
@media print {
	.pos-ebook.pos-ebook--linia,
	.pos-ebook-wstep,
	.pos-ebook-bar__panel {
		display: none;
	}

	/* Bez pustego pasa na końcu wydruku (kontrola 2.39.0, front nr 11): ta sama specyficzność co reguła
	   ekranowa z `--pos-ebook-bar-h`, później w arkuszu - wygrywa. */
	html.has-pos-ebook-bar-pole body.has-pos-ebook-bar {
		padding-bottom: 0;
	}
}

/* ═══════════════════════════════════════════════════════════
   v2.39.1 (04.10.2026): kreacje zapisu - większa karta na komputerze i znaczek „Darmowy ebook”
   w karcie, w pasku na telefonie i w bloku na końcu wpisu. Sekcja na końcu arkusza: nadpisuje
   wymiary karty z 2.39.0 bez ruszania tamtych reguł.
   ═══════════════════════════════════════════════════════════ */

/* 1. Karta w rogu (komputer): szersza na dużych ekranach, nigdy na kolumnie treści (820 px). */
@media (min-width: 768px) {
	.pos-ebook-bar {
		width: clamp(340px, calc((100vw - 820px) / 2 - 40px), 440px);
	}
}

@media (min-width: 1700px) {
	.pos-ebook-bar {
		grid-template-columns: 104px minmax(0, 1fr);
		column-gap: 18px;
		padding: 18px 20px 18px 18px;
	}

	.pos-ebook-bar__cover {
		width: 104px;
		height: 147px;
		margin-top: -44px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__card .pos-ebook-bar__title {
		font-size: 1.25rem;
		line-height: 1.2;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__card .pos-ebook-bar__desc {
		margin-top: 6px;
		font-size: 0.9375rem;
	}
}

/* 2. Znaczek „Darmowy ebook”: ten sam w karcie, w pasku na telefonie i w bloku na końcu wpisu. */
.pos-ebook-bar--formularz .pos-ebook-bar__card .pos-ebook-bar__title::before,
.pos-ebook-bar--formularz .pos-ebook-bar__text span,
.pos-ebook--zapis.pos-ebook--blok .pos-ebook__trust {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	padding: 4px 10px;
	border-radius: 999px;
	background: #c2410c;
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: 0.6875rem;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #fff;
}

/* Karta (komputer): znaczek nad tytułem. */
.pos-ebook-bar--formularz .pos-ebook-bar__card .pos-ebook-bar__title::before {
	content: "Darmowy ebook";
	margin: 0 0 7px;
	text-wrap: nowrap;
}

/* Pasek (telefon): znaczek nad tytułem zamiast szarego dopisku pod nim. */
@media (max-width: 767px) {
	.pos-ebook-bar--formularz .pos-ebook-bar__text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__text span {
		order: -1;
		margin: 0;
	}

	/* Pasek wyższy o 10 px (2.39.2): 5 px nad znaczkiem i 5 px pod przyciskiem; okładka 64 px zamiast 58. */
	.pos-ebook-bar.pos-ebook-bar--formularz {
		grid-template-columns: 64px minmax(0, 1fr) auto;
		min-height: calc(82px + env(safe-area-inset-bottom, 0px));
		padding-top: 5px;
		padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px));
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__cover {
		width: 64px;
		height: 90px;
		margin-top: -19px;
	}

	/* Rozwinięty panel: okładka mniejsza i niżej, żeby nie zasłaniała tekstu zgody nad paskiem. */
	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__cover {
		width: 58px;
		height: 82px;
		margin-top: -10px;
	}
}

/* Blok na końcu wpisu: wiersz „Darmowy ebook autorki…” jako znaczek. */
.pos-ebook--zapis.pos-ebook--blok .pos-ebook__trust {
	justify-self: start;
	margin: 0 0 2px;
}

/* ═══ v2.39.7: pasek z formularzem na telefonie jako jeden blok ═══
 * Rozwinięty: okładka z tytułem u góry, pod nimi pole, przycisk i zgoda (panel w przepływie paska,
 * nie nad nim). Tytuł większy, w zwiniętym pasku w 2 wierszach (węższy przycisk i odstęp), zgoda 11 px.
 * Skrypt rozpoznaje panel w przepływie po `position: static` i nie dolicza jego wysokości drugi raz.
 */
@media (max-width: 767px) {
	.pos-ebook-bar.pos-ebook-bar--formularz {
		column-gap: 10px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__text {
		font-size: 1rem;
	}

	.pos-ebook-bar--formularz button.pos-ebook-bar__btn {
		padding: 0 14px;
	}

	.pos-ebook-bar.pos-ebook-bar--formularz.pos-ebook-bar--otwarty {
		row-gap: 16px;
		padding-top: 6px;
		padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__cover {
		grid-row: 1;
		grid-column: 1;
		width: 64px;
		height: 90px;
		margin-top: -19px;
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__text {
		grid-row: 1;
		grid-column: 2 / -1;
		margin: 10px 0 0;
		font-size: clamp(1rem, 4.5vw, 1.125rem);
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__text span {
		margin-bottom: 4px;
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__panel {
		position: static;
		grid-row: 2;
		grid-column: 1 / -1;
		max-height: none;
		overflow: visible;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		color: inherit;
		animation: none;
	}

	.pos-ebook-bar.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__x {
		top: -24px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]),
	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) label,
	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span {
		font-size: 0.6875rem;
	}

	/* Skóra czerwona (opcja `poppyos_ebook_bar_skin` = czerwony -> klasa na <body>): czerwony pasek,
	   białe napisy, żółty przycisk z ciemnym napisem, biały znaczek. Bez opcji pasek zostaje jasny. */
	body.pos-pasek-czerwony .pos-ebook-bar.pos-ebook-bar--formularz {
		--pos-ebook-btn: #ffd43b;
		--pos-ebook-btn-gradient: linear-gradient(180deg, #ffe066 0%, #ffd43b 55%, #f2bd0c 100%);
		--pos-ebook-btn-gradient-hover: linear-gradient(180deg, #ffe680 0%, #ffd84d 55%, #f5c211 100%);
		--pos-ebook-btn-fg: #111827;
		--pos-ebook-btn-text-shadow: none;
		--pos-ebook-btn-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.55);
		/* Czerwień nagłówka witryny (ustawienie motywu), zapasowo kolor akcentu. */
		background: var(--poppyos-header-bg, var(--poppyos-accent, #dc2626));
		border-top-color: var(--poppyos-header-bg, var(--poppyos-accent, #dc2626));
		color: #fff;
	}

	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__cover {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 10px 20px -6px rgba(0, 0, 0, 0.6);
	}

	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__text,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__text strong {
		color: #fff;
	}

	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__text span {
		background: #fff;
		color: var(--poppyos-header-bg, var(--poppyos-accent, #dc2626));
	}

	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel input[type="email"] {
		border-color: #fff;
	}

	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]),
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) label,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ p,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ div,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form ~ div span,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p[role="status"] {
		color: #fff;
	}

	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span span,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p[role="status"][class*="error"],
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="email"]) span,
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) > span {
		color: #ffe28a;
	}
}
/* ═══ koniec v2.39.7 ═══ */

/* ═══ v2.39.8: pasek z formularzem na telefonie, poprawki po uwagach Jacka z 04.10.2026 ═══
 * Rozwinięty: tytuł większy i w 2 wierszach, znaczek „Darmowy ebook” wyżej, pole i przycisk niższe o 5 px,
 * zgoda drobniej (3 wiersze na ekranie 390 px).
 */
@media (max-width: 767px) {
	.pos-ebook-bar.pos-ebook-bar--formularz.pos-ebook-bar--otwarty {
		row-gap: 12px;
		padding-top: 2px;
		padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__text {
		gap: 4px;
		/* 5 px od lewej: obrócona okładka prawie dotykała tytułu. */
		margin: 6px 0 0 5px;
		font-size: clamp(1.25rem, 5.7vw, 1.4375rem);
		line-height: 1.12;
		text-wrap: balance;
	}

	.pos-ebook-bar--formularz.pos-ebook-bar--otwarty .pos-ebook-bar__text span {
		margin-bottom: 0;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__panel input[type="email"],
	.pos-ebook-bar--formularz .pos-ebook-bar__panel form button[type="submit"] {
		min-height: 43px;
	}

	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]),
	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) label,
	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span {
		font-size: 0.65625rem;
		line-height: 1.3;
	}

	/* Dopisek „* wymagane” przy zgodzie: w pasku na telefonie ukryty (zostawiał sam czwarty wiersz); brak zaznaczenia i tak zgłasza wtyczka. */
	.pos-ebook-bar--formularz .pos-ebook-bar__panel form > p:has(input[type="checkbox"]) span span {
		display: none;
	}

	/* Skóra czerwona: znaczek żółtym napisem bez tła, żeby nie konkurował z tytułem.
	   Klasa `pos-pasek-plakietka` na <body> (opcja skóry `czerwony-plakietka`) przywraca białą plakietkę. */
	body.pos-pasek-czerwony:not(.pos-pasek-plakietka) .pos-ebook-bar--formularz .pos-ebook-bar__text span {
		padding: 0;
		border-radius: 0;
		background: transparent;
		font-size: 0.75rem;
		letter-spacing: 0.09em;
		color: #ffd43b;
	}
}
/* ═══ koniec v2.39.8 ═══ */

/* ═══ v2.39.9: zwinięty pasek na telefonie - przycisk tej samej wysokości co w rozwiniętym (43 px), tytuł nieco większy ═══ */
@media (max-width: 767px) {
	.pos-ebook-bar--formularz button.pos-ebook-bar__btn {
		min-height: 43px;
	}

	.pos-ebook-bar--formularz:not(.pos-ebook-bar--otwarty) .pos-ebook-bar__text {
		/* 16,2 px na ekranie 360 px (tytuł ciast mieści się w 2 wierszach), 17,5 px na 390, 18 px od 400. */
		font-size: clamp(1rem, 4.5vw, 1.125rem);
		line-height: 1.16;
	}
}
/* ═══ koniec v2.39.9 ═══ */

/* ═══ v2.39.11: odnośnik pod formularzem paska i karty (pole kreacji `bar_link`), np. „Zobacz, co jest w środku” ═══ */
.pos-ebook-bar--formularz .pos-ebook-bar__panel p.pos-ebook-bar__wiecej {
	margin: 8px 0 0;
	font-size: 0.8125rem;
	line-height: 1.3;
	font-weight: 700;
	color: var(--poppyos-ink, #0f172a);
}

.pos-ebook-bar--formularz .pos-ebook-bar__panel p.pos-ebook-bar__wiecej a {
	display: inline-block;
	padding: 3px 0;
	text-underline-offset: 3px;
}

@media (max-width: 767px) {
	body.pos-pasek-czerwony .pos-ebook-bar--formularz .pos-ebook-bar__panel p.pos-ebook-bar__wiecej {
		color: #fff;
	}

	/* Wersja B testu `ab` (klasa od skryptu): dłuższy napis „Zobacz ebook” w przycisku tej samej szerokości
	   co „Odbieram”, żeby tytuł został w 2 wierszach, a pasek miał tę samą wysokość w obu wersjach. */
	.pos-ebook-bar--formularz.pos-ebook-bar--link button.pos-ebook-bar__btn {
		padding: 0 7px;
		font-size: 0.90625rem;
		letter-spacing: -0.01em;
	}
}

@media (max-width: 389px) {
	.pos-ebook-bar--formularz.pos-ebook-bar--link button.pos-ebook-bar__btn {
		padding: 0 7px;
		font-size: 0.84375rem;
		letter-spacing: -0.015em;
	}
}
/* ═══ koniec v2.39.11 ═══ */

/* ═══ v2.39.12: blok zapisu ze stronami z wnętrza ebooka, niższy na telefonie; okno przy wyjściu ═══ */
.pos-ebook.pos-ebook--blok.pos-ebook--wnetrze {
	grid-template-columns: minmax(0, 1fr);
	row-gap: 10px;
}

.pos-ebook--blok.pos-ebook--wnetrze .pos-ebook__cover {
	grid-column: 1 / -1;
	width: 100%;
	max-width: 360px;
	margin: 2px auto 0;
	background: none;
	box-shadow: none;
	border-radius: 0;
	transform: none;
}

.pos-ebook--blok.pos-ebook--wnetrze .pos-ebook__cover img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: none;
	border-radius: 0;
	transform: none;
}


@media (min-width: 768px) {
	.pos-ebook.pos-ebook--blok.pos-ebook--wnetrze {
		grid-template-columns: 300px minmax(0, 1fr);
		column-gap: 28px;
		align-items: center;
	}

	.pos-ebook--blok.pos-ebook--wnetrze .pos-ebook__cover {
		grid-column: auto;
		max-width: none;
		margin: 0;
	}

}

/* Telefon: wersja niska (decyzja Jacka 05.10.2026): mniejszy obraz, bez akapitu z opisem. */
@media (max-width: 767px) {
	.pos-ebook--blok.pos-ebook--wnetrze .pos-ebook__cover {
		max-width: 236px;
		margin-top: 0;
	}

	.pos-ebook--blok.pos-ebook--wnetrze .pos-ebook__proof {
		display: none;
	}
}

/* Okno zapisu na komputerze przy zamiarze wyjścia (opcja `poppyos_ebook_okno_wyjscia`). */
.pos-ebook-okno {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	background: rgba(15, 23, 42, 0.62);
}

.pos-ebook-okno__ramka {
	position: relative;
	width: min(920px, calc(100vw - 48px));
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.55);
}

.pos-ebook-okno__ramka > .pos-ebook.pos-ebook--blok {
	margin: 0;
	padding: 34px 40px 36px 34px;
	border-left-width: 0;
	grid-template-columns: 360px minmax(0, 1fr);
}

.pos-ebook-okno__x {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
	color: #0f172a;
}

.pos-ebook-okno__ramka > .pos-ebook.pos-ebook--blok.pos-ebook--pozniej {
	display: grid;
}
/* ═══ koniec v2.39.12 ═══ */