/*!
 * Pani.Kariera: style strony marki (kierunek „żywy”: chłodna biel, mocna czerń, intensywna żółć, fiolet jako akcent).
 * Wszystkie reguły są ograniczone do kontenera .pk, żeby nie zmieniać motywu, Elementora ani innych wtyczek.
 * Kolory są zmiennymi (panel: Strona główna → Kolory).
 */

.pk {
	--pk-bg: #fbfbff;
	--pk-surface: #ffffff;
	--pk-ink: #14131a;
	--pk-brand: #ffcd1f;
	--pk-accent: #4b3bdb;
	--pk-muted: rgba(20, 19, 26, 0.7);
	--pk-line: rgba(20, 19, 26, 0.12);
	--pk-line-strong: rgba(20, 19, 26, 0.85);
	--pk-soft: #f1f0fb;
	--pk-brand-soft: #fff4c7;
	--pk-on-ink: #fbfbff;
	--pk-on-ink-muted: rgba(251, 251, 255, 0.74);
	--pk-draft: #b4470f;
	--pk-r-sm: 12px;
	--pk-r: 22px;
	--pk-r-lg: 32px;
	--pk-shadow: 0 18px 40px -22px rgba(20, 19, 26, 0.35);
	--pk-wrap: 1200px;
	--pk-gutter: max(16px, 4vw);
	--pk-display: "PK Display", "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
	--pk-text: "PK Text", "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	--pk-sticky-h: 0px;

	background: var(--pk-bg);
	color: var(--pk-ink);
	font-family: var(--pk-text);
	font-size: 1.0625rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
	padding-bottom: var(--pk-sticky-h);
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
	.pk {
		--pk-muted: color-mix(in srgb, var(--pk-ink) 70%, var(--pk-bg));
		--pk-line: color-mix(in srgb, var(--pk-ink) 12%, transparent);
		--pk-line-strong: color-mix(in srgb, var(--pk-ink) 85%, transparent);
		--pk-soft: color-mix(in srgb, var(--pk-accent) 7%, var(--pk-bg));
		--pk-brand-soft: color-mix(in srgb, var(--pk-brand) 28%, var(--pk-surface));
		--pk-on-ink: var(--pk-bg);
		--pk-on-ink-muted: color-mix(in srgb, var(--pk-bg) 74%, var(--pk-ink));
	}
}
body.pkra-template { margin: 0; background: var(--pk-bg, #fbfbff); }

.pk *, .pk *::before, .pk *::after { box-sizing: border-box; }
.pk :where(h1, h2, h3, p, ul, ol, dl, dd, figure, blockquote) { margin: 0; padding: 0; }
.pk :where(ul, ol) { list-style: none; }
.pk :where(h1, h2, h3, p, li, dt, dd, blockquote, figcaption) { color: inherit; }
.pk img, .pk video { display: block; max-width: 100%; height: auto; }
.pk :where(a) { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.pk :where(button) { font: inherit; color: inherit; cursor: pointer; }
.pk :where(p + p) { margin-top: 0.75em; }
.pk :focus-visible { outline: 3px solid var(--pk-accent); outline-offset: 3px; border-radius: 6px; }
.pk-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pk-wrap { width: 100%; max-width: calc(var(--pk-wrap) + 2 * var(--pk-gutter)); margin: 0 auto; padding-left: var(--pk-gutter); padding-right: var(--pk-gutter); }
.pk-main { outline: none; }
.pk-skip { position: absolute; left: 12px; top: -80px; z-index: 100; background: var(--pk-ink); color: var(--pk-on-ink); padding: 10px 14px; border-radius: 10px; text-decoration: none; }
.pk-skip:focus { top: 12px; }

/* ---------- Typografia ---------- */
.pk-h1, .pk-h2, .pk-logo__text, .pk-area__name, .pk-stage__name, .pk-module__title, .pk-ticket__title, .pk-about__name, .pk-price__value, .pk-stats strong, .pk-ba__tag, .pk-sticker span {
	font-family: var(--pk-display);
	font-weight: 760;
	letter-spacing: -0.035em;
	font-variation-settings: "wdth" 88;
}
.pk-h1 { font-size: clamp(2.3rem, 1.3rem + 3.6vw, 4.3rem); line-height: 1.02; letter-spacing: -0.045em; max-width: 17ch; text-wrap: balance; }
.pk-h2 { font-size: clamp(1.9rem, 1.2rem + 3vw, 3.4rem); line-height: 1; text-wrap: balance; max-width: 18ch; }
.pk-h2--sm { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem); }
.pk-h3 { font-family: var(--pk-display); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em; }
.pk-hl { background: var(--pk-brand); color: var(--pk-ink); padding: 0 0.12em; border-radius: 0.18em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.pk-eyebrow, .pk-kicker, .pk-label, .pk-stage__label, .pk-demo__label, .pk-module__label {
	font-family: var(--pk-text); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pk-accent);
}
.pk-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; padding: 7px 14px; border-radius: 999px; background: var(--pk-soft); }
.pk-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pk-accent); flex: none; }
.pk-label { display: block; margin: 0 0 8px; }
.pk * + .pk-label { margin-top: 26px; }
.pk-lead { font-size: clamp(1.07rem, 1rem + 0.4vw, 1.25rem); color: var(--pk-muted); max-width: 58ch; margin-top: 22px; }
.pk-head { display: grid; gap: 16px; margin-bottom: clamp(28px, 4vw, 52px); }
.pk-head__intro { color: var(--pk-muted); max-width: 60ch; font-size: 1.08rem; }

/* ---------- Przyciski ---------- */
.pk-actions, .pk-buy__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.pk-actions { margin-top: 32px; }
.pk-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	min-height: 56px; padding: 12px 14px 12px 26px;
	border: 2px solid transparent; border-radius: 999px;
	font-weight: 700; font-size: 1.02rem; line-height: 1.2; text-align: left;
	text-decoration: none !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
.pk-btn > span { padding-right: 4px; }
.pk-btn .pk-ico { width: 34px; height: 34px; padding: 7px; border-radius: 50%; flex: none; transition: transform 0.18s ease; }
.pk-btn:not(:has(.pk-ico)) { padding-right: 26px; }
.pk-btn--primary { background: var(--pk-ink); color: var(--pk-on-ink); box-shadow: 0 12px 26px -14px rgba(20, 19, 26, 0.7); }
.pk-btn--primary .pk-ico { background: var(--pk-brand); color: var(--pk-ink); }
.pk-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 18px 30px -14px rgba(20, 19, 26, 0.7); }
.pk-btn--primary:hover .pk-ico { transform: translateX(3px); }
.pk-btn--ghost { background: var(--pk-surface); color: var(--pk-ink); border-color: var(--pk-line); }
.pk-btn--ghost .pk-ico { background: var(--pk-soft); }
.pk-btn--ghost:hover { border-color: var(--pk-ink); }
.pk-btn--sm { min-height: 46px; padding: 8px 18px; font-size: 0.95rem; }
.pk-btn:active { transform: translateY(1px); }
.pk-linkbtn { background: none; border: 0; padding: 0; text-decoration: underline; text-underline-offset: 0.18em; }

/* ---------- Pasek, nagłówek ---------- */
.pk-topbar { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 9px var(--pk-gutter); background: var(--pk-ink); color: var(--pk-brand) !important; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none !important; text-align: center; }
.pk-topbar .pk-ico { width: 16px; height: 16px; flex: none; }
.pk-topbar span { text-decoration: none; }
.pk-topbar:hover span { text-decoration: underline; }
.pk-header { position: sticky; top: 0; z-index: 40; background: var(--pk-bg); border-bottom: 1px solid var(--pk-line); }
@supports (backdrop-filter: blur(8px)) { .pk-header { background: rgba(251, 251, 255, 0.86); backdrop-filter: saturate(1.4) blur(12px); } }
.admin-bar .pk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .pk-header { top: 0; } }
.pk-header__in { display: flex; align-items: center; gap: 14px; min-height: 66px; }
.pk-logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none !important; margin-right: auto; }
.pk-logo__img { max-height: 40px; width: auto; }
.pk-logo__mark { width: 16px; height: 16px; border-radius: 50%; background: var(--pk-brand); box-shadow: 4px 3px 0 var(--pk-accent); }
.pk-logo__text { font-size: 1.36rem; line-height: 1; }
.pk-logo__mk { height: 36px; width: auto; flex: none; }
.pk-logo__mk .b, .pk-logo__mk .bs { fill: var(--pk-brand); }
.pk-logo__mk .i { fill: var(--pk-ink); }
.pk-logo__mk .a { fill: var(--pk-accent); }
.pk-logo__mk .bs, .pk-logo__mk .as { fill: none; stroke: var(--pk-brand); }
.pk-logo__mk .as { opacity: 0.7; }
.pk-logo__mk .is { fill: none; stroke: var(--pk-ink); }
.pk-footer .pk-logo__mk--headset .is { stroke: var(--pk-on-ink); }
.pk-footer .pk-logo__mk--laptop .i { fill: var(--pk-on-ink); }
.pk-logo__dot { color: var(--pk-accent); }
.pk-logo__text--lower { letter-spacing: -0.04em; }
.pk-logo__mark-hl { background: var(--pk-brand); color: var(--pk-ink); padding: 0 0.12em; border-radius: 0.18em; margin-left: 0.04em; }
.pk-footer .pk-logo__dot { color: var(--pk-brand); }
.pk-footer .pk-logo__mk--ticket .i { fill: var(--pk-on-ink); }
.pk-footer .pk-logo__mk--ticket .bs, .pk-footer .pk-logo__mk--ticket .as { stroke: var(--pk-ink); }
.pk-nav__toggle { display: none; }
.pk-nav__list { display: flex; flex-wrap: wrap; gap: 4px; }
.pk-nav__list a { text-decoration: none; font-weight: 600; font-size: 0.97rem; padding: 9px 14px; border-radius: 999px; display: inline-block; }
.pk-nav__list a:hover { background: var(--pk-soft); }
.pk-header__tools { display: flex; gap: 4px; align-items: center; }
.pk-header__cta { margin-left: 8px; }
.pk-header__cta .pk-ico { width: 28px; height: 28px; padding: 5px; }
@media (max-width: 899px) { .pk-header__cta { display: none; } }
.pk-tool { color: var(--pk-muted); }
.pk-tool { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; }
.pk-tool:hover { background: var(--pk-soft); }
.pk-ico { width: 22px; height: 22px; }
@media (max-width: 899px) {
	.pk-js .pk-nav { order: 3; }
	.pk-js .pk-nav__toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 14px; background: var(--pk-ink); color: var(--pk-on-ink); border: 0; border-radius: 999px; font-weight: 650; font-size: 0.95rem; }
	.pk-js .pk-nav__toggle .pk-ico { width: 20px; height: 20px; }
	.pk-js .pk-nav__list { display: none; position: absolute; left: 12px; right: 12px; top: calc(100% + 6px); background: var(--pk-surface); border-radius: var(--pk-r); padding: 10px; flex-direction: column; gap: 2px; box-shadow: var(--pk-shadow); border: 1px solid var(--pk-line); }
	.pk-js .pk-nav.is-open .pk-nav__list { display: flex; }
	.pk-js .pk-nav__list a { display: block; padding: 14px 16px; font-size: 1.05rem; }
	.pk:not(.pk-js) .pk-header__in { flex-wrap: wrap; padding-bottom: 8px; }
	.pk:not(.pk-js) .pk-nav { width: 100%; order: 3; }
}

/* ---------- Pierwszy ekran ---------- */
.pk-hero { padding: clamp(28px, 6vw, 88px) 0 clamp(44px, 7vw, 96px); }
.pk-hero__in { display: grid; gap: clamp(36px, 5vw, 64px); align-items: center; }
.pk-hero__note { margin-top: 18px; font-size: 0.93rem; color: var(--pk-muted); display: flex; gap: 8px; align-items: center; }
.pk-hero__note::before { content: "✱"; color: var(--pk-accent); font-weight: 700; }
.pk-hero__visual { position: relative; padding: 18px 10px 10px 0; }
@media (min-width: 960px) { .pk-hero__in { grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr); } }

.pk-stack { position: relative; background: var(--pk-ink); color: var(--pk-on-ink); border-radius: var(--pk-r-lg); padding: 26px 22px 20px; transform: rotate(-2deg); box-shadow: 14px 14px 0 var(--pk-brand); }
.pk-stack__title { font-family: var(--pk-display); font-weight: 700; font-size: 1.15rem; letter-spacing: -0.02em; margin-bottom: 14px; color: var(--pk-brand); }
.pk-stack__list { display: grid; gap: 8px; }
.pk-stack__list li { display: flex; gap: 12px; align-items: center; padding: 11px 14px; border-radius: 14px; background: var(--pk-surface); color: var(--pk-ink); font-weight: 600; font-size: 0.98rem; line-height: 1.3; }
.pk-stack__list li:nth-child(2n) { transform: translateX(10px); }
.pk-stack__n { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--pk-brand); font-size: 0.78rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.pk-stack__note { margin-top: 14px; font-size: 0.78rem; color: var(--pk-on-ink-muted); }
.pk-sticker { position: absolute; z-index: 2; top: -8px; right: -4px; width: 112px; height: 112px; border-radius: 50%; background: var(--pk-accent); color: #fff; display: grid; place-items: center; text-align: center; transform: rotate(12deg); box-shadow: 0 12px 24px -12px rgba(20, 19, 26, 0.6); }
.pk-sticker span { font-size: 1.02rem; line-height: 1; padding: 12px; letter-spacing: -0.02em; }
@media (max-width: 599px) {
	.pk-stack { padding: 20px 16px 16px; box-shadow: 9px 9px 0 var(--pk-brand); }
	.pk-stack__list li { padding: 9px 12px; font-size: 0.94rem; }
	.pk-stack__list li:nth-child(2n) { transform: translateX(6px); }
	.pk-sticker { width: 88px; height: 88px; top: -14px; right: 0; }
	.pk-sticker span { font-size: 0.86rem; }
}

/* ---------- Przewijany pasek ---------- */
.pk-marquee { background: var(--pk-brand); color: var(--pk-ink); overflow: hidden; border-block: 2px solid var(--pk-ink); transform: rotate(-1.2deg); margin: 6px -12px; }
.pk-marquee__track { display: flex; width: max-content; }
.pk-marquee__run { display: flex; align-items: center; gap: 22px; padding: 14px 11px; font-family: var(--pk-display); font-weight: 760; font-size: clamp(1.05rem, 0.9rem + 0.8vw, 1.45rem); text-transform: uppercase; letter-spacing: -0.01em; white-space: nowrap; }
.pk-marquee__star { color: var(--pk-accent); }
@media (prefers-reduced-motion: no-preference) {
	.pk-marquee__track { animation: pk-marquee 34s linear infinite; }
	.pk-marquee:hover .pk-marquee__track { animation-play-state: paused; }
}
@keyframes pk-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Sekcje ---------- */
.pk-section { padding-block: clamp(56px, 8vw, 112px); }

/* Rozpoznajesz się */
.pk-pains { background: var(--pk-soft); margin-top: -10px; }
.pk-pains .pk-h2 { max-width: 20ch; }
.pk-pains__list { display: grid; gap: 14px; margin-top: clamp(28px, 4vw, 44px); }
.pk-pains__list li { position: relative; background: var(--pk-surface); border-radius: var(--pk-r); padding: 20px 22px 20px 58px; font-size: 1.08rem; font-weight: 550; line-height: 1.45; box-shadow: var(--pk-shadow); }
.pk-pains__q { position: absolute; left: 18px; top: 4px; font-family: var(--pk-display); font-size: 3.2rem; line-height: 1; color: var(--pk-accent); font-weight: 800; }
.pk-pains__answer { margin-top: clamp(28px, 4vw, 40px); max-width: 44ch; font-family: var(--pk-display); font-weight: 650; font-size: clamp(1.3rem, 1.05rem + 1vw, 1.75rem); line-height: 1.2; letter-spacing: -0.02em; }
@media (min-width: 760px) { .pk-pains__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pk-pains__list li:nth-child(odd) { transform: rotate(-0.6deg); } .pk-pains__list li:nth-child(even) { transform: rotate(0.6deg) translateY(10px); } }

/* Powtarzany przycisk */
.pk-ctastrip { padding-block: 4px clamp(40px, 6vw, 72px); }
.pk-pains + .pk-ctastrip, .pk-ba + .pk-ctastrip { background: var(--pk-soft); }
.pk-ctastrip .pk-wrap { display: flex; justify-content: center; }

/* Obszary pracy */
.pk-areas__grid { display: grid; gap: 16px; grid-template-columns: 1fr; }
.pk-area { background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r); padding: 24px 22px 26px; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.pk-area:hover { transform: translateY(-4px); box-shadow: var(--pk-shadow); }
.pk-area__name { font-size: 1.55rem; line-height: 1.05; }
.pk-area__plain { display: inline-block; margin-top: 10px; padding: 4px 12px; border-radius: 999px; background: var(--pk-brand-soft); font-weight: 650; font-size: 0.9rem; }
.pk-area__tasks { margin-top: 16px; display: grid; gap: 10px; }
.pk-area__tasks li { position: relative; padding-left: 22px; color: var(--pk-muted); font-size: 0.98rem; line-height: 1.45; }
.pk-area__tasks li::before { content: "→"; position: absolute; left: 0; color: var(--pk-accent); font-weight: 700; }
@media (min-width: 640px) { .pk-areas__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .pk-areas__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Platforma: pływający ciemny panel */
.pk-platform { background: var(--pk-ink); color: var(--pk-on-ink); border-radius: var(--pk-r-lg); margin-inline: clamp(8px, 1.5vw, 24px); }
.pk-platform .pk-kicker { display: inline-block; margin-bottom: 18px; padding: 7px 14px; border-radius: 999px; background: var(--pk-brand); color: var(--pk-ink); }
.pk-platform .pk-label { color: var(--pk-brand); }
.pk-platform__head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px 22px; padding-bottom: 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.pk-platform__head .pk-h2 { max-width: 20ch; }
.pk-platform__grid { display: grid; gap: 8px 56px; padding: 30px 0 8px; }
.pk-platform__grid p { color: var(--pk-on-ink-muted); }
.pk-platform__effect { font-size: 1.18rem; color: var(--pk-on-ink) !important; font-weight: 550; }
.pk-platform .pk-checks li { background: rgba(255, 255, 255, 0.06); border-radius: 14px; padding: 12px 14px; }
.pk-platform .pk-checks .pk-ico { color: var(--pk-ink); background: var(--pk-brand); }
@media (min-width: 900px) { .pk-platform__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.pk-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: var(--pk-accent); color: #fff; font-weight: 700; font-size: 0.85rem; }

/* Zakup */
.pk-buy { display: grid; gap: 16px; margin-top: 30px; }
.pk-price { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.pk-price__label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; color: var(--pk-accent); }
.pk-price__value { font-size: clamp(2.2rem, 1.5rem + 2.6vw, 3.2rem); line-height: 1; }
.pk-price__value del { font-size: 0.5em; opacity: 0.6; font-weight: 500; margin-right: 6px; }
.pk-price__value ins { text-decoration: none; }
.pk-price__value .woocommerce-Price-amount { white-space: nowrap; }
.pk-promo { font-weight: 650; }
.pk-promo span { font-weight: 400; color: var(--pk-muted); }
.pk-buy__note { font-size: 0.86rem; color: var(--pk-muted); }
.pk-buy--dark .pk-price__label { color: var(--pk-brand); }
.pk-buy--dark .pk-buy__note, .pk-buy--dark .pk-promo span { color: var(--pk-on-ink-muted); }
.pk-buy--dark .pk-btn--primary { background: var(--pk-brand); color: var(--pk-ink); }
.pk-buy--dark .pk-btn--primary .pk-ico { background: var(--pk-ink); color: var(--pk-brand); }
.pk-buy--dark .pk-btn--ghost { background: transparent; color: var(--pk-on-ink); border-color: rgba(255, 255, 255, 0.35); }
.pk-buy--dark .pk-btn--ghost .pk-ico { background: rgba(255, 255, 255, 0.12); }
.pk-unavailable { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border: 2px dashed var(--pk-line-strong); border-radius: var(--pk-r-sm); background: var(--pk-surface); color: var(--pk-ink); }
.pk-unavailable .pk-ico { flex: none; margin-top: 2px; color: var(--pk-accent); }
.pk-admin-hint { font-size: 0.82rem; padding: 8px 12px; background: #fff3cd; color: #5c3c00; border-left: 4px solid #d39e00; border-radius: 6px; }

/* Listy */
.pk-checks { display: grid; gap: 10px; margin-top: 18px; }
.pk-checks li { display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start; }
.pk-checks .pk-ico { width: 26px; height: 26px; padding: 4px; border-radius: 50%; color: var(--pk-ink); background: var(--pk-brand); margin-top: 1px; }
.pk-checks--inline { margin-top: 20px; }

/* PRZED / PO */
.pk-ba { background: var(--pk-soft); }
.pk-ba__grid { display: grid; gap: 16px; margin-top: clamp(28px, 4vw, 48px); align-items: stretch; }
.pk-ba__col { border-radius: var(--pk-r); padding: 26px 24px; }
.pk-ba__col--before { background: var(--pk-surface); border: 1px solid var(--pk-line); color: var(--pk-muted); }
.pk-ba__col--after { background: var(--pk-brand); color: var(--pk-ink); box-shadow: var(--pk-shadow); }
.pk-ba__tag { display: inline-block; font-size: 1.05rem; text-transform: uppercase; letter-spacing: 0.02em; padding: 4px 14px; border-radius: 999px; margin-bottom: 18px; background: var(--pk-ink); color: var(--pk-on-ink); }
.pk-ba__col--before .pk-ba__tag { background: var(--pk-line); color: var(--pk-ink); }
.pk-ba__col ul { display: grid; gap: 14px; }
.pk-ba__col--before li { padding-left: 26px; position: relative; text-decoration: line-through; text-decoration-color: rgba(20, 19, 26, 0.35); }
.pk-ba__col--before li::before { content: "×"; position: absolute; left: 2px; top: -1px; font-weight: 700; text-decoration: none; }
.pk-ba__col--after li { display: grid; grid-template-columns: 26px 1fr; gap: 10px; font-weight: 600; }
.pk-ba__col--after .pk-ico { width: 26px; height: 26px; padding: 4px; border-radius: 50%; background: var(--pk-ink); color: var(--pk-brand); }
.pk-ba__arrow { display: grid; place-items: center; }
.pk-ba__arrow .pk-ico { width: 54px; height: 54px; padding: 13px; border-radius: 50%; background: var(--pk-ink); color: var(--pk-brand); transform: rotate(90deg); }
@media (min-width: 860px) { .pk-ba__grid { grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); } .pk-ba__arrow .pk-ico { transform: none; } }

/* Liczby */
.pk-stats__grid { display: grid; gap: 16px; margin-top: 28px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.pk-stats__grid li { background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r); padding: 24px; display: grid; gap: 6px; }
.pk-stats strong { font-size: clamp(2.6rem, 2rem + 2.5vw, 3.8rem); line-height: 1; color: var(--pk-accent); }
.pk-stats__grid span { color: var(--pk-muted); font-weight: 550; }

/* Czym jest Pani.Kariera */
.pk-trust__in { display: grid; gap: 18px 56px; background: var(--pk-surface); border-radius: var(--pk-r-lg); border: 1px solid var(--pk-line); padding: clamp(24px, 4vw, 48px); }
.pk-trust { padding-block: clamp(32px, 5vw, 64px); }
.pk-trust__body { max-width: 66ch; font-size: 1.06rem; }
@media (min-width: 900px) { .pk-trust__in { grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr); } }

/* Praca w produkcie */
.pk-demo { display: grid; gap: 18px; }
.pk-demo__item { display: grid; gap: 18px; background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r-lg); padding: clamp(18px, 3vw, 30px); }
.pk-ticket { background: var(--pk-soft); border-radius: var(--pk-r); padding: 20px; align-self: start; }
.pk-ticket__meta { display: flex; flex-wrap: wrap; gap: 6px; }
.pk-ticket__meta span { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--pk-surface); color: var(--pk-accent); }
.pk-ticket__meta span:first-child { background: var(--pk-ink); color: var(--pk-brand); }
.pk-ticket__title { font-size: 1.4rem; line-height: 1.12; margin-top: 12px; }
.pk-ticket__fragment { margin-top: 14px; padding: 14px 16px; background: var(--pk-surface); border-radius: 16px 16px 16px 4px; font-size: 0.98rem; box-shadow: 0 6px 18px -12px rgba(20, 19, 26, 0.4); }
.pk-demo__work { display: grid; gap: 4px; align-content: start; }
.pk-demo__label { margin-top: 14px; }
.pk-demo__label:first-child { margin-top: 0; }
.pk-demo__action { font-size: 1.12rem; font-weight: 600; }
@media (min-width: 900px) { .pk-demo__item { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; } }

.pk-shot { margin: 0 0 10px; }
.pk-shot__btn { position: relative; display: block; width: 100%; padding: 0; border: 1px solid var(--pk-line); border-radius: var(--pk-r); overflow: hidden; background: var(--pk-surface); }
.pk-shot__btn img { width: 100%; }
.pk-shot__zoom { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 999px; background: var(--pk-ink); color: var(--pk-on-ink); font-size: 0.85rem; font-weight: 650; }
.pk-shot__zoom .pk-ico { width: 18px; height: 18px; }
.pk-shot figcaption { font-size: 0.82rem; color: var(--pk-muted); margin-top: 6px; }
.pk-shot--hero .pk-shot__btn { border: 0; border-radius: var(--pk-r-lg); box-shadow: 14px 14px 0 var(--pk-brand); transform: rotate(-1.5deg); }
.pk-video { margin-bottom: 10px; }
.pk-video__play { position: relative; display: grid; place-items: center; width: 100%; min-height: 190px; padding: 0; border: 0; border-radius: var(--pk-r); background: var(--pk-ink); color: var(--pk-on-ink); overflow: hidden; }
.pk-video__play img { width: 100%; opacity: 0.8; }
.pk-video__label { position: absolute; display: inline-flex; gap: 8px; align-items: center; padding: 11px 18px; border-radius: 999px; background: var(--pk-brand); color: var(--pk-ink); font-weight: 700; }
.pk-video video { width: 100%; border-radius: var(--pk-r); background: #000; }

/* Wybór etapu */
.pk-chooser { display: grid; gap: 10px; margin-bottom: 28px; }
.pk-chooser__opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 12px 12px 12px 20px; border-radius: 999px; text-decoration: none !important; font-weight: 650; background: var(--pk-surface); border: 1px solid var(--pk-line); transition: border-color 0.15s ease, transform 0.15s ease; }
.pk-chooser__opt:hover { border-color: var(--pk-ink); transform: translateY(-2px); }
.pk-chooser__opt.is-main { background: var(--pk-ink); color: var(--pk-on-ink); border-color: var(--pk-ink); }
.pk-chooser__opt .pk-ico { flex: none; width: 34px; height: 34px; padding: 7px; border-radius: 50%; background: var(--pk-soft); color: var(--pk-ink); transform: rotate(90deg); }
.pk-chooser__opt.is-main .pk-ico { background: var(--pk-brand); }
@media (min-width: 900px) { .pk-chooser { grid-template-columns: 1.25fr 1fr 1fr; } }

.pk-stages__grid { display: grid; gap: 20px; }
.pk-stage { position: relative; background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r-lg); padding: clamp(22px, 3vw, 34px); outline: none; scroll-margin-top: 90px; transition: box-shadow 0.2s ease; }
.pk-stage.is-target { box-shadow: 0 0 0 4px var(--pk-accent); }
.pk-stage--main { border: 2px solid var(--pk-ink); box-shadow: 12px 12px 0 var(--pk-brand); }
.pk-stage--main.is-target { box-shadow: 12px 12px 0 var(--pk-brand), 0 0 0 4px var(--pk-accent); }
.pk-stage__quote { display: inline-block; font-family: var(--pk-display); font-size: 1.02rem; font-weight: 650; color: var(--pk-accent); background: var(--pk-soft); padding: 6px 14px; border-radius: 14px 14px 14px 4px; margin-bottom: 14px; }
.pk-stage .pk-badge { margin: 0 0 12px 8px; }
.pk-stage__name { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.95rem); line-height: 1.05; }
.pk-stage__facts { display: grid; gap: 12px; margin-top: 18px; }
.pk-stage__facts dt { font-size: 0.76rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pk-muted); }
.pk-stage__facts dd { margin-top: 2px; }
.pk-stage__label { margin-top: 18px; }
.pk-stage .pk-buy { margin-top: 22px; padding-top: 22px; border-top: 1px dashed var(--pk-line-strong); }
.pk-stage:not(.pk-stage--main) .pk-price__value { font-size: 2rem; }
@media (min-width: 900px) {
	.pk-stages__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pk-stage--main { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 56px; align-items: start; }
	.pk-stage--main > * { grid-column: 1; }
	.pk-stage--main > .pk-stage__label, .pk-stage--main > .pk-checks, .pk-stage--main > .pk-buy { grid-column: 2; }
	.pk-stage--main > .pk-stage__label { grid-row: 1; margin-top: 0; }
	.pk-stage--main > .pk-checks { grid-row: 2 / span 3; }
	.pk-stage--main > .pk-buy { grid-row: 1 / span 5; align-self: center; margin-top: 0; border-top: 0; padding: 24px; background: var(--pk-soft); border-radius: var(--pk-r); }
	.pk-stage--main:has(> .pk-checks) > .pk-buy { grid-row: 5; align-self: start; }
}

/* O mnie */
.pk-about { display: grid; gap: 28px; margin-top: 30px; align-items: start; }
.pk-about__photo img { width: 100%; max-width: 360px; border-radius: var(--pk-r-lg); box-shadow: 12px 12px 0 var(--pk-brand); transform: rotate(-1.5deg); }
.pk-about__name { font-size: 1.7rem; line-height: 1.05; }
.pk-about__role { display: inline-block; color: var(--pk-accent); font-weight: 650; margin: 8px 0 16px; }
.pk-about__text { max-width: 62ch; }
.pk-experts { grid-column: 1 / -1; }
.pk-experts ul { display: grid; gap: 18px; margin-top: 14px; }
.pk-expert { display: grid; grid-template-columns: 72px 1fr; gap: 14px; }
.pk-expert img { border-radius: 50%; width: 72px; height: 72px; object-fit: cover; }
@media (min-width: 800px) { .pk-about { grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 56px; } .pk-about--compact { grid-template-columns: 200px minmax(0, 1fr); } }

/* Opinie */
.pk-reviews { columns: 1; column-gap: 18px; margin-top: 30px; }
.pk-review { break-inside: avoid; margin-bottom: 18px; background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r); padding: 22px; }
.pk-review blockquote { font-size: 1.04rem; }
.pk-review .pk-shot__btn { margin-bottom: 14px; }
.pk-review figcaption { display: grid; gap: 4px; margin-top: 14px; font-size: 0.88rem; color: var(--pk-muted); }
.pk-review__product { justify-self: start; color: var(--pk-accent); font-weight: 650; background: var(--pk-soft); padding: 2px 10px; border-radius: 999px; }
@media (min-width: 720px) { .pk-reviews { columns: 2; } }
@media (min-width: 1080px) { .pk-reviews { columns: 3; } }

/* Pytania */
.pk-faq-sec__in { display: grid; gap: 28px; }
@media (min-width: 960px) { .pk-faq-sec__in { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); gap: 56px; align-items: start; } }
.pk-faq { display: grid; gap: 10px; }
.pk-faq__item { background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r); transition: border-color 0.15s ease; }
.pk-faq__item:hover { border-color: var(--pk-line-strong); }
.pk-faq__q { font-family: var(--pk-text); font-size: 1.04rem; font-weight: 650; letter-spacing: 0; }
.pk-faq__q button { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 16px 18px 22px; background: none; border: 0; text-align: left; min-height: 60px; }
.pk-faq__q .pk-ico { flex: none; width: 32px; height: 32px; padding: 6px; border-radius: 50%; background: var(--pk-brand); transition: transform 0.2s ease; }
.pk-faq__q button[aria-expanded="true"] .pk-ico { transform: rotate(45deg); background: var(--pk-ink); color: var(--pk-brand); }
.pk-faq__a { padding: 0 22px 20px; color: var(--pk-muted); max-width: 66ch; }
.pk-faq__a[hidden] { display: none; }

/* Zakończenie */
.pk-final { padding-block: clamp(24px, 4vw, 56px) clamp(56px, 8vw, 104px); }
.pk-trust__in.pk-wrap, .pk-final__in.pk-wrap { width: auto; max-width: none; margin-inline: max(12px, calc((100% - var(--pk-wrap)) / 2)); }
.pk-final__in.pk-wrap { display: grid; gap: 22px 56px; align-items: center; background: var(--pk-brand); border-radius: var(--pk-r-lg); padding: clamp(28px, 5vw, 64px); }
.pk-final .pk-h2 { max-width: 16ch; }
.pk-final p { font-size: 1.1rem; max-width: 52ch; margin-top: 16px; }
.pk-final .pk-buy { margin-top: 0; background: var(--pk-surface); border-radius: var(--pk-r); padding: 24px; }
@media (min-width: 900px) { .pk-final__in.pk-wrap { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } }

/* Strony ofert */
.pk-offer-hero { padding-block: clamp(18px, 3vw, 36px) clamp(44px, 6vw, 88px); }
.pk-crumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: clamp(20px, 3vw, 36px); font-size: 0.9rem; color: var(--pk-muted); }
.pk-crumbs a { font-weight: 650; color: var(--pk-ink); text-decoration: underline; text-decoration-color: var(--pk-line-strong); }
.pk-crumbs [aria-current] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60vw; }
.pk-back { margin-bottom: clamp(18px, 3vw, 34px); }
.pk-back a { display: inline-flex; align-items: center; gap: 8px; font-weight: 650; text-decoration: none; min-height: 44px; padding: 6px 16px 6px 8px; border-radius: 999px; background: var(--pk-soft); }
.pk-back .pk-ico { width: 20px; height: 20px; }
.pk-offer-hero__in { display: grid; gap: 30px; align-items: start; }
.pk-offer-hero__buy .pk-buy { margin-top: 0; background: var(--pk-surface); border: 2px solid var(--pk-ink); border-radius: var(--pk-r-lg); padding: 26px; box-shadow: 12px 12px 0 var(--pk-brand); }
@media (min-width: 960px) { .pk-offer-hero__in { grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.85fr); gap: 56px; } .pk-offer-hero__buy { position: sticky; top: 96px; } }
.pk-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.pk-jump a { display: inline-flex; min-height: 42px; align-items: center; padding: 6px 16px; border-radius: 999px; text-decoration: none; font-size: 0.94rem; font-weight: 650; background: var(--pk-surface); border: 1px solid var(--pk-line); }
.pk-jump a:hover { border-color: var(--pk-ink); }

.pk-fit { background: var(--pk-soft); }
.pk-fit__grid { display: grid; gap: 16px; }
.pk-fit__col { background: var(--pk-surface); border-radius: var(--pk-r); padding: 24px; }
.pk-fit__col--muted { background: transparent; border: 2px dashed var(--pk-line-strong); color: var(--pk-muted); }
@media (min-width: 900px) { .pk-fit__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.pk-result__in { display: grid; gap: 22px 56px; }
.pk-result__effect { font-family: var(--pk-display); font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem); font-weight: 650; line-height: 1.25; letter-spacing: -0.02em; }
@media (min-width: 900px) { .pk-result__in { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); } }

.pk-modules { display: grid; gap: 12px; margin-top: 30px; }
.pk-module { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 22px; background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r); }
.pk-module__n { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--pk-ink); color: var(--pk-brand); font-family: var(--pk-display); font-size: 1.25rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.pk-module__title { font-size: 1.35rem; line-height: 1.15; margin-bottom: 6px; }
.pk-module__body > p { color: var(--pk-muted); max-width: 66ch; }
.pk-module__label { margin-top: 14px; }
.pk-module__tasks { margin-top: 6px; display: grid; gap: 6px; }
.pk-module__tasks li { position: relative; padding-left: 22px; }
.pk-module__tasks li::before { content: "→"; position: absolute; left: 0; color: var(--pk-accent); font-weight: 700; }
@media (min-width: 900px) { .pk-modules--steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.pk-terms-sec__in { display: grid; gap: 28px 56px; align-items: start; }
.pk-terms-sec__buy .pk-buy { margin-top: 0; background: var(--pk-ink); color: var(--pk-on-ink); border-radius: var(--pk-r-lg); padding: 28px; }
.pk-terms-sec__buy .pk-price__label { color: var(--pk-brand); }
.pk-terms-sec__buy .pk-buy__note { color: var(--pk-on-ink-muted); }
.pk-terms-sec__buy .pk-btn--primary { background: var(--pk-brand); color: var(--pk-ink); }
.pk-terms-sec__buy .pk-btn--primary .pk-ico { background: var(--pk-ink); color: var(--pk-brand); }
.pk-terms-sec__buy .pk-unavailable { background: transparent; color: var(--pk-on-ink); border-color: rgba(255, 255, 255, 0.4); }
@media (min-width: 900px) { .pk-terms-sec__in { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } }
.pk-terms { display: grid; gap: 8px; margin-top: 22px; }
.pk-terms__row { display: grid; gap: 4px 20px; padding: 14px 18px; background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: var(--pk-r-sm); }
.pk-terms dt { font-weight: 700; }
@media (min-width: 600px) { .pk-terms__row { grid-template-columns: 170px 1fr; } }

.pk-paths { background: var(--pk-soft); }
.pk-paths__in { display: grid; gap: 22px 56px; align-items: start; }
.pk-paths__list { display: grid; gap: 10px; }
.pk-paths__list a { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center; padding: 16px 14px 16px 22px; background: var(--pk-surface); border-radius: var(--pk-r); text-decoration: none; border: 1px solid var(--pk-line); }
.pk-paths__list a:hover { border-color: var(--pk-ink); }
.pk-paths__stage { color: var(--pk-accent); font-weight: 650; font-size: 0.93rem; }
.pk-paths__name { grid-column: 1; font-weight: 700; }
.pk-paths__list .pk-ico { grid-column: 2; grid-row: 1 / span 2; width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--pk-brand); }
@media (min-width: 900px) { .pk-paths__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); } }

/* Przyklejony przycisk (telefon) */
.pk-sticky { position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 8px 18px; background: var(--pk-ink); color: var(--pk-on-ink); border-radius: 999px; box-shadow: 0 16px 34px -14px rgba(20, 19, 26, 0.7); transition: transform 0.25s ease, opacity 0.25s ease; }
.pk-sticky[hidden] { display: none; }
.pk-sticky.is-off { transform: translateY(140%); opacity: 0; }
.pk-sticky__name { min-width: 0; line-height: 1.2; }
.pk-sticky__title { display: block; font-weight: 600; font-size: 0.78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--pk-on-ink-muted); }
.pk-sticky__price { display: block; font-family: var(--pk-display); font-weight: 760; font-size: 1.2rem; color: var(--pk-brand); }
.pk-sticky .pk-btn { flex: none; background: var(--pk-brand); color: var(--pk-ink); padding-right: 18px; }
@media (min-width: 900px) { .pk-sticky { display: none !important; } }

/* Stopka */
.pk-footer { background: var(--pk-ink); color: var(--pk-on-ink-muted); padding-block: 60px 30px; font-size: 0.95rem; border-radius: var(--pk-r-lg) var(--pk-r-lg) 0 0; }
.pk-footer a, .pk-footer .pk-linkbtn { color: var(--pk-on-ink); }
.pk-footer__in { display: grid; gap: 30px; }
.pk-footer__h { font-family: var(--pk-text); font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pk-brand); margin-bottom: 10px; font-weight: 700; }
.pk-footer__links { display: grid; gap: 8px; }
.pk-footer__links a, .pk-footer__links button { display: inline-block; min-height: 32px; }
.pk-logo--footer .pk-logo__text { color: var(--pk-on-ink); }
.pk-footer__brand p + p { margin-top: 12px; }
.pk-footer__legal { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.84rem; }
@media (min-width: 800px) { .pk-footer__in { grid-template-columns: 1.4fr 1fr 1fr; } }

/* Okno powiększenia */
.pk-dialog { border: 0; padding: 0; width: min(1100px, 96vw); max-height: 94vh; border-radius: var(--pk-r); background: var(--pk-surface); color: var(--pk-ink); }
.pk-dialog::backdrop { background: rgba(10, 9, 14, 0.8); }
.pk-dialog__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 8px 18px; border-bottom: 1px solid var(--pk-line); position: sticky; top: 0; background: var(--pk-surface); }
.pk-dialog__caption { font-size: 0.9rem; font-weight: 650; }
.pk-dialog__close { width: 44px; height: 44px; border: 0; background: var(--pk-soft); display: grid; place-items: center; border-radius: 50%; }
.pk-dialog__body { overflow: auto; max-height: calc(94vh - 62px); }
.pk-dialog__body img { width: 100%; height: auto; }

/* Szkic i administrator */
.pk-draft { display: inline-block; margin-left: 8px; padding: 1px 8px; border: 1px dashed var(--pk-draft); border-radius: 999px; color: var(--pk-draft); background: #fff; font-family: var(--pk-text); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; vertical-align: middle; transform: none; }
.is-draft { outline: 2px dashed rgba(180, 71, 15, 0.5); outline-offset: 4px; }
.pk-adminbar { background: #fff3cd; color: #4d3500; font-size: 0.88rem; padding-block: 8px; border-bottom: 1px solid #e6c766; }
.pk-adminbar a { color: #4d3500; font-weight: 650; }
.pk-optout { background: var(--pk-ink); color: var(--pk-on-ink); padding: 10px var(--pk-gutter); font-size: 0.9rem; margin: 0; }

/* Ruch */
@media (prefers-reduced-motion: reduce) {
	.pk *, .pk *::before, .pk *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
	.pk-marquee__track { flex-wrap: wrap; width: auto; }
	.pk-marquee__run + .pk-marquee__run { display: none; }
	.pk-marquee__run { white-space: normal; flex-wrap: wrap; }
}
@media print {
	.pk-header, .pk-sticky, .pk-adminbar, .pk-footer, .pk-marquee, .pk-topbar { display: none !important; }
}

@media (max-width: 479px) { .pk .pk-tool { display: none; } .pk .pk-logo__text { font-size: 1.2rem; } }

.pk [id] { scroll-margin-top: 84px; }
.pk-anchor { display: block; height: 0; }