/* ═══════════════════════════════════════════════════════════
   SIGMA — NASZE KSIĄŻKI (books.css)
   ═══════════════════════════════════════════════════════════ */

.bk {
	overflow-x: hidden;
	font-family: var(--font-body);
	color: var(--gray-800);
	background-color: #fff;
}

/* ── Elementy bazowe landing page ── */
.slp-border {
	border: 4px solid var(--sigma-blue);
	box-shadow: 8px 8px 0 var(--sigma-blue);
	transition: transform .2s ease, box-shadow .2s ease;
}

.slp-collage-bg {
	background-color: var(--sigma-light);
	background-image: linear-gradient(rgba(0, 0, 0, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .08) 1px, transparent 1px);
	background-size: 32px 32px;
}

.slp-ripped-top { clip-path: polygon(0% 10px, 5% 0, 10% 8px, 15% 0, 20% 10px, 25% 2px, 30% 9px, 35% 0, 40% 10px, 45% 3px, 50% 10px, 55% 0, 60% 8px, 65% 0, 70% 10px, 75% 2px, 80% 9px, 85% 0, 90% 10px, 95% 3px, 100% 10px, 100% 100%, 0% 100%); }
.slp-ripped-bottom { clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), 95% 100%, 90% calc(100% - 8px), 85% 100%, 80% calc(100% - 10px), 75% calc(100% - 2px), 70% calc(100% - 9px), 65% 100%, 60% calc(100% - 10px), 55% calc(100% - 3px), 50% calc(100% - 10px), 45% 100%, 40% calc(100% - 8px), 35% 100%, 30% calc(100% - 10px), 25% calc(100% - 2px), 20% calc(100% - 9px), 15% 100%, 10% calc(100% - 10px), 5% calc(100% - 3px), 0% calc(100% - 10px)); }

.slp-float { animation: slpFloat 6s ease-in-out infinite; }

@keyframes slpFloat {
	0%, 100% { transform: translateY(0) rotate(0); }
	50% { transform: translateY(-15px) rotate(4deg); }
}

.slp-cta {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #48a111;
	color: #f8fafc;
	border: 4px solid var(--sigma-gold);
	border-radius: 9999px;
	box-shadow: 0 0 30px rgba(255, 195, 1, .4), 0 8px 15px rgba(0, 0, 0, .1);
	transition: all .3s cubic-bezier(.25, .8, .25, 1);
	font-family: var(--font-montserrat);
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.slp-cta:hover { background: #3d8a0f; transform: translateY(-4px); box-shadow: 0 0 50px rgba(255, 195, 1, .6), 0 12px 20px rgba(0, 0, 0, .15); }

.slp-cta--disabled,
.slp-cta--disabled:hover {
	background: #9ca3af;
	border-color: #6b7280;
	color: var(--gray-200);
	box-shadow: none;
	pointer-events: none;
	cursor: not-allowed;
	transform: none;
}

.slp-cta-heartbeat { animation: slpHeartbeat 3s infinite cubic-bezier(.215, .61, .355, 1); }

@keyframes slpHeartbeat {
	0%, 20%, 50%, 100% { transform: scale(1); }
	10%, 30% { transform: scale(1.03); }
}

.slp-arrow { display: inline-block; margin-left: .5rem; animation: slpArrow 1.5s infinite; }

@keyframes slpArrow {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(6px); }
}

/* Galeria "stos" */
.slp-gallery-outer { position: relative; width: 100%; padding-right: 2rem; padding-bottom: 2rem; margin-bottom: 1rem; }
.slp-gallery-outer::before { content: ''; display: block; padding-top: 133%; }
.slp-gallery-inner { position: absolute; inset: 0; }

.slp-gallery-inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	object-fit: cover;
	border: 4px solid var(--sigma-blue);
	box-shadow: 8px 8px 0 var(--sigma-blue);
	background: #fff;
	padding: 8px;
	transition: all .4s cubic-bezier(.25, 1, .5, 1);
}

.slp-gallery-inner img.pos-0 { z-index: 30; transform: translate(0, 0) rotate(1deg); opacity: 1; }
.slp-gallery-inner img.pos-1 { z-index: 20; transform: translate(15px, 15px) rotate(4deg); opacity: .95; }
.slp-gallery-inner img.pos-2 { z-index: 10; transform: translate(30px, 30px) rotate(7deg); opacity: .85; }
.slp-gallery-inner img.pos-hidden { z-index: 0; transform: translate(40px, 40px) rotate(8deg); opacity: 0; pointer-events: none; }
.slp-gallery-inner img.is-broken { display: none; }

.slp-gallery-nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 60;
}

.slp-gallery-btn {
	pointer-events: auto;
	background-color: #fff;
	border: 2px solid var(--sigma-blue);
	border-radius: 9999px;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sigma-blue);
	box-shadow: var(--shadow-lg);
	transition: all .15s var(--ease);
	--tx: 0;
	--sc: 1;
	transform: translateX(var(--tx)) scale(var(--sc));
}

.slp-gallery-btn svg { width: 24px; height: 24px; flex-shrink: 0; }
.slp-gallery-btn:hover { background-color: var(--sigma-gold); }
.slp-gallery-btn--prev { --tx: -1rem; }
.slp-gallery-btn--next { --tx: 1rem; }
.slp-gallery-btn--lg:hover { --sc: 1.1; }

@media (min-width: 768px) {
	.slp-gallery-btn--lg { width: 3rem; height: 3rem; }
	.slp-gallery-btn--lg.slp-gallery-btn--prev { --tx: -1.5rem; }
	.slp-gallery-btn--lg.slp-gallery-btn--next { --tx: 2rem; }
}

/* Wspólne drobiazgi */
.bk-gold { color: var(--sigma-gold); }

.bk-underline {
	text-decoration-line: underline;
	text-decoration-color: var(--sigma-gold);
	text-decoration-thickness: 8px;
	text-underline-offset: 8px;
}

.bk-stars { color: #ffc301; font-size: 1.25rem; line-height: 1.75rem; }

.bk-badge {
	position: absolute;
	font-family: var(--font-montserrat);
	font-weight: 900;
	border: 2px solid #fff;
	border-radius: 9999px;
	box-shadow: var(--shadow-lg);
	white-space: nowrap;
	z-index: 50;
}

.bk-badge--red { background-color: var(--red-600); color: #fff; }
.bk-badge--gold { background-color: var(--sigma-gold); color: var(--sigma-blue); top: -1rem; right: -.5rem; font-size: 10px; padding: .25rem .75rem; transform: rotate(3deg); }
.bk-badge--content { top: -1rem; right: -.5rem; font-size: 10px; padding: .25rem .75rem; transform: rotate(6deg); }
.bk-badge--price { top: -1.25rem; right: -1rem; font-size: .75rem; line-height: 1rem; padding: .375rem 1rem; transform: rotate(3deg); }
.bk-badge--set { top: -1rem; right: 1rem; font-size: .75rem; line-height: 1rem; padding: .25rem .75rem; transform: rotate(-2deg); }
.bk-badge--hit { top: -1rem; right: -.5rem; font-size: 10px; padding: .25rem .75rem; transform: rotate(3deg); }
.bk-badge--final { top: -1.25rem; right: -1rem; font-size: .875rem; line-height: 1.25rem; padding: .5rem 1.25rem; transform: rotate(5deg); }

@media (min-width: 768px) {
	.bk-badge--gold,
	.bk-badge--hit { font-size: .75rem; line-height: 1rem; }
	.bk-badge--content { right: -1rem; font-size: .75rem; line-height: 1rem; }
	.bk-badge--price { right: -2rem; font-size: .875rem; line-height: 1.25rem; }
	.bk-badge--final { right: -2rem; font-size: 1rem; line-height: 1.5rem; }
}

.bk-side-bg {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 33.333333%;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .8;
}

.bk-side-bg--left { left: 0; background-position: left; }
.bk-side-bg--right { right: 0; background-position: right; }

@media (min-width: 768px) {
	.bk-side-bg { display: block; }
}

/* ═══ 1. HERO ═══ */
.bk-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4rem 1.5rem 6rem;
}

.bk-hero__float { position: absolute; font-family: var(--font-montserrat); user-select: none; line-height: 1; }
.bk-hero__float--1 { top: 25%; left: 2.5rem; font-size: 3.75rem; color: var(--sigma-blue); opacity: .1; }
.bk-hero__float--2 { bottom: 30%; right: 10%; font-size: 6rem; color: var(--sigma-gold); opacity: .3; animation-delay: 1s; }
.bk-hero__float--3 { top: 33.333333%; right: 25%; font-size: 3.75rem; color: var(--sigma-blue); opacity: .1; font-family: var(--font-body); font-weight: 700; animation-delay: 2s; }

.bk-hero__grid {
	max-width: 80rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 4rem;
	align-items: center;
	position: relative;
	z-index: 10;
	width: 100%;
}

.bk-hero__text { text-align: center; order: 2; display: flex; flex-direction: column; align-items: center; }

.bk-hero__tag {
	display: inline-block;
	transform: rotate(-2deg);
	margin-bottom: 1rem;
	background-color: #fff;
	padding: .5rem 1rem;
}

.bk-hero__tag span {
	font-family: var(--font-montserrat);
	font-weight: 800;
	font-size: .75rem;
	line-height: 1rem;
	letter-spacing: .1em;
	color: var(--sigma-blue);
	text-transform: uppercase;
}

.bk-hero__title {
	font-family: var(--font-montserrat);
	font-size: 2.25rem;
	line-height: 1.1;
	color: var(--sigma-blue);
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	letter-spacing: -.05em;
	text-align: center;
}

.bk-hero__title-hl {
	display: inline-block;
	background-color: var(--sigma-gold);
	padding: 0 .5rem;
	transform: skewX(-6deg);
	color: var(--sigma-blue);
	margin-top: .25rem;
}

.bk-hero__lead {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 700;
	font-family: var(--font-body);
	color: var(--gray-700);
	margin-bottom: 2rem;
	max-width: 36rem;
	text-align: center;
	padding: 0 .5rem;
}

.bk-hero__cta { font-size: 1.125rem; line-height: 1.75rem; padding: 1rem 2rem; letter-spacing: .025em; margin-top: 1rem; }

.bk-hero__visual { position: relative; display: flex; justify-content: center; order: 1; width: 100%; padding-top: 2.5rem; }
.bk-hero__gallery { position: relative; max-width: 90%; width: 100%; margin: 0 auto; }

.bk-sticker { position: absolute; z-index: 40; }

.bk-sticker--round {
	top: -2rem;
	right: -2rem;
	width: 6rem;
	height: 6rem;
	border-radius: 9999px;
	border: 4px dashed var(--sigma-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(-12deg);
	background-color: rgb(255 255 255 / .9);
}

.bk-sticker--round > span {
	font-family: var(--font-montserrat);
	color: var(--sigma-blue);
	font-weight: 800;
	font-size: 1.25rem;
	line-height: 1.25;
	text-align: center;
}

.bk-sticker__small { font-size: .875rem; line-height: 1.25rem; }

.bk-sticker--formula { bottom: -1.5rem; left: -1.5rem; background-color: #fff; padding: .75rem; transform: rotate(6deg); }
.bk-sticker--formula p { font-family: var(--font-montserrat); color: var(--sigma-blue); font-weight: 800; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -.05em; }

.bk-sticker--vertical {
	display: none;
	top: 25%;
	left: -3rem;
	background-color: var(--sigma-gold);
	padding: .25rem 1rem;
	border: 2px solid var(--sigma-blue);
	transform: rotate(-90deg);
	transform-origin: bottom left;
}

.bk-sticker--vertical span { font-family: var(--font-montserrat); font-weight: 900; color: var(--sigma-blue); white-space: nowrap; }

.bk-hero__ripped {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	background-color: #fff;
	z-index: 20;
	transform: translateY(1rem);
}

@media (min-width: 640px) {
	.bk-hero__title { font-size: 3rem; line-height: 1; }
	.bk-hero__lead { font-size: 1.125rem; line-height: 1.75rem; padding: 0; }
	.bk-hero__gallery { max-width: 32rem; }
}

@media (min-width: 768px) {
	.bk-hero__title { font-size: 3.75rem; margin-bottom: 2rem; }
	.bk-hero__title-hl { padding: 0 .75rem; margin-top: .5rem; }
	.bk-hero__lead { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 2.5rem; }
	.bk-hero__cta { font-size: 1.25rem; line-height: 1.75rem; padding: 1.25rem 2.5rem; }
	.bk-sticker--vertical { display: block; }
}

@media (min-width: 1024px) {
	.bk-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bk-hero__text { text-align: left; order: 1; align-items: flex-start; }
	.bk-hero__title { font-size: 4.5rem; text-align: left; }
	.bk-hero__lead { text-align: left; }
	.bk-hero__visual { justify-content: flex-end; order: 2; padding-top: 0; }
	.bk-hero__gallery { max-width: 36rem; }
}

/* ═══ 2. WIDEO ═══ */
.bk-video { padding: 6rem 1.5rem; background-color: #fff; position: relative; z-index: 10; overflow: hidden; }
.bk-video__inner { max-width: 56rem; margin: 0 auto; text-align: center; position: relative; z-index: 20; }

.bk-video__title {
	font-family: var(--font-montserrat);
	font-size: 1.875rem;
	line-height: 1.25;
	color: var(--sigma-blue);
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	letter-spacing: -.025em;
}

.bk-video__title-hl {
	display: block;
	color: var(--sigma-gold);
	background-color: var(--sigma-blue);
	padding: 0 .5rem;
	margin-top: .5rem;
	transform: rotate(-1deg);
}

.bk-video__lead {
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: var(--gray-700);
	font-weight: 700;
	margin: 0 auto 3rem;
	font-family: var(--font-body);
	max-width: 42rem;
}

.bk-video__embed { position: relative; padding-bottom: 56.25%; height: 0; background-color: var(--gray-100); margin: 0 auto; width: 100%; }
.bk-video__embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

@media (min-width: 768px) {
	.bk-video__title { font-size: 3rem; line-height: 1; }
	.bk-video__title-hl { display: inline-block; margin-top: 0; }
	.bk-video__lead { font-size: 1.25rem; line-height: 1.75rem; }
}

/* ═══ 3. ZAWARTOŚĆ ═══ */
.bk-content {
	padding: 6rem 1.5rem;
	position: relative;
	border-top: 8px solid var(--sigma-blue);
	border-bottom: 8px solid var(--sigma-blue);
	overflow: hidden;
}

.bk-content__deco {
	position: absolute;
	left: -5rem;
	top: 10rem;
	font-size: 8rem;
	line-height: 1;
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 900;
	opacity: .03;
	transform: rotate(-90deg);
	user-select: none;
}

.bk-content__blob {
	position: absolute;
	top: 5rem;
	right: 0;
	width: 400px;
	height: 400px;
	background-color: var(--sigma-gold);
	opacity: .1;
	border-radius: 9999px;
	filter: blur(100px);
	pointer-events: none;
}

.bk-content__inner { max-width: 72rem; margin: 0 auto; position: relative; z-index: 10; }
.bk-content__header { text-align: center; margin-bottom: 4rem; display: flex; flex-direction: column; align-items: center; }

.bk-content__title {
	display: inline-block;
	font-family: var(--font-montserrat);
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: var(--sigma-blue);
	text-transform: uppercase;
	letter-spacing: -.05em;
	background-color: #fff;
	padding: 1rem 2rem;
	transform: rotate(1deg);
}

.bk-content__subtitle {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 900;
	font-family: var(--font-body);
	color: var(--sigma-blue);
	margin-top: 1.5rem;
	background-color: var(--sigma-gold);
	padding: .5rem 1.5rem;
	border: 4px solid var(--sigma-blue);
	transform: rotate(-2deg);
}

.bk-content__row { display: flex; flex-direction: column; gap: 3rem; align-items: stretch; }
.bk-content__features { width: 100%; display: flex; flex-direction: column; justify-content: center; }

.bk-features { background-color: #fff; padding: 2rem; margin-bottom: 2rem; position: relative; }
.bk-features:hover { transform: translateY(-.25rem); }
.bk-features__title { font-family: var(--font-montserrat); font-size: 1.5rem; line-height: 2rem; color: var(--sigma-blue); font-weight: 900; text-transform: uppercase; margin-bottom: 1.5rem; }
.bk-features__list { font-family: var(--font-body); font-weight: 700; color: var(--gray-800); font-size: 1.125rem; line-height: 1.75rem; }
.bk-features__list > * + * { margin-top: 1.25rem; }
.bk-features__item { display: flex; align-items: flex-start; gap: 1rem; }
.bk-features__sigma { color: var(--sigma-gold); font-family: var(--font-montserrat); font-weight: 900; font-size: 1.5rem; line-height: 2rem; margin-top: .125rem; }
.bk-features__text { line-height: 1.375; }

.bk-specs { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1rem; }

.bk-spec {
	background-color: var(--sigma-blue);
	color: #fff;
	padding: 1.25rem;
	text-align: center;
	border: 2px solid var(--sigma-gold);
	transition: transform .15s var(--ease);
}

.bk-spec:hover { transform: translateY(-.25rem); }
.bk-spec__icon { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: .5rem; }
.bk-spec__label { font-family: var(--font-montserrat); font-weight: 700; font-size: .75rem; line-height: 1rem; color: var(--sigma-gold); text-transform: uppercase; margin-bottom: .25rem; }
.bk-spec__value { font-family: var(--font-body); font-weight: 700; font-size: .875rem; line-height: 1.25rem; }

.bk-content__author { width: 100%; display: flex; flex-direction: column; justify-content: center; margin-top: 2rem; }

.bk-author-card {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	background-color: var(--sigma-blue);
	padding: 2rem;
	border: 4px solid var(--sigma-gold);
	transform: rotate(2deg);
	transition: transform .5s var(--ease);
	box-shadow: 12px 12px 0 0 #ffc301;
}

.bk-author-card:hover { transform: rotate(0deg); }

.bk-author-card__quote {
	position: absolute;
	top: -2.5rem;
	right: -1rem;
	font-size: 10rem;
	line-height: 1;
	color: #fff;
	opacity: .05;
	font-family: var(--font-serif);
}

.bk-author-card__body { position: relative; z-index: 10; }

.bk-author-card__badge {
	display: inline-block;
	background-color: var(--sigma-gold);
	color: var(--sigma-blue);
	padding: .25rem .75rem;
	font-family: var(--font-montserrat);
	font-weight: 900;
	font-size: .75rem;
	line-height: 1rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	transform: skewX(-12deg);
}

.bk-author-card__text { font-family: var(--font-montserrat); font-weight: 900; font-size: 1.5rem; line-height: 1.25; color: #fff; margin-bottom: 2rem; }
.bk-author-card__score { color: var(--sigma-gold); background-color: rgb(30 58 138 / .5); padding: .25rem .5rem; display: inline-block; }

.bk-author-card__person {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgb(30 64 175 / .5);
}

.bk-author-card__avatar { width: 4rem; height: 4rem; border-radius: 9999px; overflow: hidden; border: 2px solid var(--sigma-gold); background-color: #fff; flex-shrink: 0; }
.bk-author-card__avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.bk-author-card__name { font-family: var(--font-montserrat); font-weight: 900; color: #fff; font-size: 1.25rem; line-height: 1.75rem; }
.bk-author-card__role { font-family: var(--font-body); font-weight: 500; color: var(--blue-200); font-size: .875rem; line-height: 1.25rem; }

.bk-toc { margin-top: 5rem; background-color: #fff; padding: 2rem; position: relative; }

.bk-toc__label {
	position: absolute;
	top: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--sigma-blue);
	color: #fff;
	padding: .5rem 2rem;
	font-family: var(--font-montserrat);
	font-weight: 900;
	font-size: 1.25rem;
	line-height: 1.75rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	border: 4px solid #fff;
	box-shadow: var(--shadow-md);
	white-space: nowrap;
}

.bk-toc__grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	column-gap: 3rem;
	row-gap: 1rem;
	font-family: var(--font-body);
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 700;
	color: var(--sigma-blue);
	margin-top: 1.5rem;
}

.bk-toc__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 2px dashed var(--gray-200);
	padding-bottom: .25rem;
	margin-bottom: .5rem;
	transition: border-color .15s var(--ease);
}

.bk-toc__row:hover { border-color: var(--sigma-gold); }
.bk-toc__name { text-transform: uppercase; letter-spacing: -.025em; }
.bk-toc__page { color: var(--sigma-gold); font-family: var(--font-montserrat); font-weight: 900; font-size: 1.125rem; line-height: 1.75rem; margin-left: .5rem; }

.bk-content__cta { text-align: center; margin-top: 5rem; }
.bk-cta-xl { font-size: 1.25rem; line-height: 1.75rem; padding: 1.5rem 3rem; margin-top: 1rem; }

@media (min-width: 640px) {
	.bk-specs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bk-toc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
	.bk-content__title { font-size: 3rem; line-height: 1; }
	.bk-content__subtitle { font-size: 1.5rem; line-height: 2rem; }
	.bk-features { padding: 2.5rem; }
	.bk-author-card { padding: 3rem; }
	.bk-author-card__text { font-size: 1.875rem; line-height: 2.25rem; }
	.bk-toc { padding: 3.5rem; }
	.bk-toc__grid { font-size: 1rem; line-height: 1.5rem; }
	.bk-cta-xl { font-size: 1.5rem; line-height: 2rem; }
}

@media (min-width: 1024px) {
	.bk-content__row { flex-direction: row; gap: 4rem; }
	.bk-content__features { width: 60%; }
	.bk-content__author { width: 40%; margin-top: 0; }
	.bk-toc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ═══ 4. CENA ═══ */
.bk-price {
	padding: 6rem 0;
	background-color: var(--sigma-blue);
	color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	z-index: 10;
	border-top: 8px solid var(--sigma-gold);
	overflow: hidden;
}

.bk-price__ripped { position: absolute; left: 0; width: 100%; height: 2rem; }
.bk-price__ripped--gold { top: -12px; background-color: var(--sigma-gold); z-index: 20; }
.bk-price__ripped--blue { top: -8px; background-color: var(--sigma-blue); z-index: 30; }
.bk-price__ripped-bottom { position: absolute; bottom: -2rem; left: 0; width: 100%; height: 2rem; background-color: var(--sigma-blue); z-index: 30; }

.bk-price__inner { max-width: 48rem; margin: 0 auto; text-align: center; padding: 0 1.5rem; position: relative; z-index: 40; }

.bk-price__title {
	font-family: var(--font-montserrat);
	font-size: 1.875rem;
	line-height: 1.375;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 2rem;
	letter-spacing: .025em;
	filter: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));
}

.bk-price__tag-wrap { position: relative; display: inline-block; margin: 1.5rem 0 3.5rem; }
.bk-price__tag-shadow { position: absolute; inset: 0; background-color: #fff; transform: translate(1rem, 1rem); }

.bk-price__tag {
	position: relative;
	z-index: 10;
	font-size: 3.75rem;
	line-height: 1;
	font-family: var(--font-montserrat);
	font-weight: 900;
	color: var(--sigma-blue);
	background-color: var(--sigma-gold);
	padding: 1rem 2rem;
	border: 4px solid var(--sigma-blue);
	box-shadow: var(--shadow-xl);
	transform: rotate(-2deg);
}

.bk-price__stock {
	position: absolute;
	bottom: -1.5rem;
	right: -1rem;
	background-color: var(--red-600);
	color: #fff;
	font-family: var(--font-montserrat);
	font-weight: 900;
	font-size: .875rem;
	line-height: 1.25rem;
	padding: .5rem 1rem;
	border: 2px solid #fff;
	transform: rotate(3deg);
	box-shadow: var(--shadow-lg);
	z-index: 20;
	white-space: nowrap;
	animation: sigmaPulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

.bk-price__cta { font-size: 1.5rem; line-height: 2rem; padding: 1.5rem 3rem; width: 100%; text-align: center; margin-top: 1rem; }

@media (min-width: 768px) {
	.bk-price__title { font-size: 2.25rem; line-height: 2.5rem; }
	.bk-price__tag { font-size: 6rem; }
	.bk-price__stock { bottom: -2rem; right: -2rem; font-size: 1.125rem; line-height: 1.75rem; }
	.bk-price__cta { width: auto; padding-left: 4rem; padding-right: 4rem; }
}

/* ═══ 5. RECENZJE ═══ */
.bk-reviews { padding: 6rem 1.5rem; background-color: var(--gray-50); position: relative; overflow: hidden; }
.bk-reviews__inner { max-width: 72rem; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.bk-reviews__header { display: flex; flex-direction: column; align-items: center; gap: .75rem; margin-bottom: 3rem; text-align: center; }
.bk-reviews__title { font-family: var(--font-montserrat); font-weight: 900; font-size: 1.875rem; line-height: 2.25rem; color: var(--sigma-blue); text-transform: uppercase; letter-spacing: -.025em; }
.bk-reviews__avg { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: .5rem; }
.bk-reviews__avg-text { font-family: var(--font-body); font-weight: 700; color: var(--gray-700); font-size: 1.125rem; line-height: 1.75rem; }

.bk-reviews__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; align-items: stretch; width: 100%; }

.bk-review {
	background-color: #fff;
	border: 1px solid var(--gray-200);
	border-radius: .5rem;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	box-shadow: var(--shadow-sm);
	transition: box-shadow .15s var(--ease);
}

.bk-review:hover { box-shadow: var(--shadow-md); }
.bk-review__head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.bk-review__avatar-wrap { position: relative; }

.bk-review__avatar {
	width: 3.5rem;
	height: 3.5rem;
	background-color: var(--gray-300);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gray-600);
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.bk-review__verified {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #35a881;
	border-radius: 9999px;
	width: 1.25rem;
	height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	color: #fff;
}

.bk-review__verified svg { width: .75rem; height: .75rem; stroke-width: 4; }
.bk-review__name { font-family: var(--font-body); font-weight: 700; color: var(--gray-800); font-size: 1.125rem; line-height: 1.75rem; }
.bk-review__role { font-family: var(--font-body); color: #35a881; font-size: .875rem; line-height: 1.25rem; }
.bk-review__rating { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--gray-100); padding-bottom: 1rem; margin-bottom: 1rem; }
.bk-review__score { font-family: var(--font-body); color: var(--gray-500); font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; }
.bk-review__body { background-color: var(--gray-50); border-radius: .5rem; padding: 1.25rem; margin-bottom: 1rem; flex-grow: 1; display: flex; flex-direction: column; }
.bk-review__text { font-family: var(--font-body); color: var(--gray-700); font-size: 1rem; line-height: 1.625; margin-bottom: 1.5rem; }
.bk-review__date { font-family: var(--font-body); font-size: .875rem; line-height: 1.25rem; color: var(--gray-400); margin-top: auto; }

.bk-review__product {
	background-color: var(--gray-100);
	border-radius: .5rem;
	padding: .75rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	border: 1px solid var(--gray-200);
	transition: background-color .15s var(--ease);
}

.bk-review__product:hover { background-color: var(--gray-200); }
.bk-review__product img { width: 3rem; height: 3rem; object-fit: cover; border-radius: .25rem; flex-shrink: 0; }
.bk-review__product-name { font-family: var(--font-body); font-weight: 700; font-size: .875rem; color: var(--sigma-blue); line-height: 1.25; padding-right: .5rem; }

@media (min-width: 768px) {
	.bk-reviews__title { font-size: 2.25rem; line-height: 2.5rem; }
	.bk-reviews__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ═══ 6. ZBIÓR ZADAŃ ═══ */
.bk-set { padding: 6rem 1.5rem; position: relative; overflow: hidden; border-bottom: 8px solid var(--sigma-blue); }
.bk-set__blob { position: absolute; top: 5rem; right: 0; width: 16rem; height: 16rem; background-color: var(--sigma-gold); opacity: .1; border-radius: 9999px; filter: blur(80px); }
.bk-set__head-wrap { max-width: 72rem; margin: 0 auto 1.5rem; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10; width: 100%; }
.bk-set__head { text-align: center; margin: 0 auto 2rem; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 56rem; }

.bk-set__badge {
	display: inline-block;
	background-color: var(--sigma-blue);
	color: #fff;
	padding: .375rem 1.5rem;
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	transform: skewX(-12deg);
}

.bk-set__title {
	display: inline-block;
	font-family: var(--font-montserrat);
	font-size: 2.25rem;
	line-height: 1.25;
	color: var(--sigma-blue);
	text-transform: uppercase;
	letter-spacing: -.05em;
	font-weight: 900;
	background-color: #fff;
	padding: 1rem 2rem;
	border: 4px solid var(--sigma-blue);
	box-shadow: 8px 8px 0 0 #0c359e;
	transform: rotate(1deg);
	margin-bottom: 1rem;
}

.bk-set__subtitle {
	display: inline-block;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 900;
	font-family: var(--font-montserrat);
	color: var(--sigma-blue);
	background-color: var(--sigma-gold);
	padding: .75rem 2rem;
	border: 4px solid var(--sigma-blue);
	box-shadow: 8px 8px 0 0 #0c359e;
	transform: rotate(-1deg);
	margin-bottom: 2rem;
}

.bk-set__row { max-width: 72rem; margin: 0 auto; display: flex; flex-direction: column; align-items: stretch; gap: 4rem; }
.bk-set__gallery-col { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; padding-left: 1rem; }
.bk-set__gallery { position: relative; display: inline-block; width: 95%; max-width: 28rem; }

.bk-set__practice {
	position: absolute;
	bottom: -1.5rem;
	right: 0;
	background-color: var(--sigma-gold);
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 900;
	padding: 1rem 1.5rem;
	z-index: 40;
	border: 4px solid var(--sigma-blue);
	box-shadow: 6px 6px 0 0 #0c359e;
	--ty: 0;
	transform: translateY(var(--ty)) rotate(3deg);
	transition: transform .15s var(--ease);
}

.bk-set__practice:hover { --ty: -.25rem; }
.bk-set__practice span { font-size: 1.25rem; line-height: 1.75rem; white-space: nowrap; }

.bk-set__content { width: 100%; position: relative; z-index: 20; display: flex; flex-direction: column; justify-content: center; }

.bk-set__card {
	background-color: #fff;
	padding: 2rem;
	border: 4px solid var(--sigma-blue);
	box-shadow: 8px 8px 0 0 #0c359e;
	margin-bottom: 2rem;
	position: relative;
	transition: transform .15s var(--ease);
}

.bk-set__card:hover { transform: translateY(-.25rem); }
.bk-set__card-title { font-family: var(--font-montserrat); font-size: 1.25rem; line-height: 1.75rem; color: var(--sigma-blue); font-weight: 900; text-transform: uppercase; margin-bottom: 1.5rem; }
.bk-set__list { font-family: var(--font-body); font-weight: 700; color: var(--gray-800); font-size: .875rem; line-height: 1.25rem; }
.bk-set__list > * + * { margin-top: 1rem; }
.bk-set__item { display: flex; align-items: flex-start; gap: 1rem; }
.bk-set__sigma { color: var(--sigma-gold); font-family: var(--font-montserrat); font-weight: 900; font-size: 1.25rem; line-height: 1.75rem; margin-top: .125rem; }

.bk-set__specs { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }

.bk-set__spec {
	background-color: var(--sigma-blue);
	color: #fff;
	padding: 1rem;
	text-align: center;
	border: 2px solid var(--sigma-gold);
	box-shadow: 4px 4px 0 0 #ffc301;
	transition: transform .15s var(--ease);
}

.bk-set__spec:hover { transform: translateY(-.25rem); }
.bk-set__spec-icon { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: .25rem; }
.bk-set__spec-label { font-family: var(--font-montserrat); font-weight: 700; font-size: 10px; color: var(--sigma-gold); text-transform: uppercase; margin-bottom: .25rem; }
.bk-set__spec-value { font-family: var(--font-body); font-weight: 700; font-size: .75rem; line-height: 1rem; }

.bk-set__quote {
	font-family: var(--font-body);
	font-style: italic;
	color: var(--gray-700);
	font-size: .875rem;
	line-height: 1.25rem;
	border-left: 4px solid var(--sigma-blue);
	padding-left: 1rem;
	margin-bottom: 2rem;
}

.bk-set__quote strong { display: block; color: var(--sigma-blue); font-weight: 700; white-space: nowrap; margin-top: .5rem; }

.bk-set__cta { font-size: 1.125rem; line-height: 1.25; padding: 1.5rem 2rem; width: 100%; text-align: center; letter-spacing: -.025em; margin-top: 1rem; }

@media (min-width: 640px) {
	.bk-set__gallery { width: 90%; }
	.bk-set__practice { right: -1rem; }
	.bk-set__specs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
	.bk-set__title { font-size: 3rem; line-height: 1; padding: 1rem 3rem; margin-bottom: 1.5rem; }
	.bk-set__subtitle { font-size: 3rem; line-height: 1; padding: .75rem 3rem; }
	.bk-set__gallery { width: 100%; }
	.bk-set__practice span { font-size: 1.5rem; line-height: 2rem; }
	.bk-set__card { padding: 2.5rem; }
	.bk-set__list { font-size: 1rem; line-height: 1.5rem; }
	.bk-set__spec-label { font-size: .75rem; line-height: 1rem; }
	.bk-set__spec-value { font-size: .875rem; line-height: 1.25rem; }
	.bk-set__quote { font-size: 1rem; line-height: 1.5rem; }
	.bk-set__cta { font-size: 1.25rem; line-height: 1.75rem; }
}

@media (min-width: 1024px) {
	.bk-set__title { font-size: 3.75rem; }
	.bk-set__row { flex-direction: row; gap: 5rem; }
	.bk-set__gallery-col { width: 50%; justify-content: flex-end; padding-left: 0; padding-right: 2rem; }
	.bk-set__gallery { max-width: 32rem; }
	.bk-set__content { width: 50%; }
}

/* ═══ 7. PAKIETY ═══ */
.bk-bundle { padding: 6rem 1.5rem; position: relative; z-index: 10; border-bottom: 8px solid var(--sigma-gold); }
.bk-bundle__inner { max-width: 64rem; margin: 0 auto; }
.bk-bundle__header { text-align: center; margin-bottom: 4rem; }
.bk-bundle__title { font-family: var(--font-montserrat); font-size: 2.25rem; line-height: 2.5rem; color: var(--sigma-blue); font-weight: 900; text-transform: uppercase; letter-spacing: -.025em; margin-bottom: 1rem; }
.bk-bundle__lead { font-family: var(--font-body); font-size: 1.25rem; line-height: 1.75rem; color: var(--gray-600); font-weight: 500; margin-bottom: 2rem; }

.bk-bundle__shipping {
	display: inline-block;
	background-color: var(--sigma-gold);
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 900;
	font-size: 1.25rem;
	line-height: 1.75rem;
	padding: 1rem 2rem;
	border: 4px solid var(--sigma-blue);
	box-shadow: 8px 8px 0 0 #0c359e;
	transform: rotate(-1deg);
}

.bk-bundle__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; max-width: 72rem; margin: 2rem auto 0; }

.bk-plan {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #fff;
	padding: 2.5rem 1.5rem 1.5rem;
	margin-top: 1rem;
	--ty: 0;
	--sc: 1;
	transform: translateY(var(--ty)) scale(var(--sc));
}

.bk-plan:hover { --ty: -.5rem; }

.bk-plan__head { text-align: center; margin: 1rem 0 1.5rem; border-bottom: 2px solid var(--gray-200); padding-bottom: 1.5rem; }
.bk-plan__name { font-family: var(--font-montserrat); font-size: 1.25rem; line-height: 1.75rem; color: var(--sigma-blue); font-weight: 900; text-transform: uppercase; margin-bottom: .5rem; }
.bk-plan__desc { font-family: var(--font-body); color: var(--gray-600); font-weight: 500; height: 3rem; font-size: .875rem; line-height: 1.25rem; }
.bk-plan__prices { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; margin-top: 1.5rem; }
.bk-plan__old { font-size: 1.25rem; line-height: 1.75rem; font-family: var(--font-montserrat); font-weight: 700; color: var(--gray-400); text-decoration: line-through; white-space: nowrap; }
.bk-plan__price { font-size: 2.25rem; line-height: 2.5rem; font-family: var(--font-montserrat); font-weight: 900; color: var(--sigma-blue); white-space: nowrap; }

.bk-plan__stock {
	display: inline-block;
	background-color: var(--red-600);
	color: #fff;
	font-family: var(--font-montserrat);
	font-weight: 900;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem .75rem;
	border: 1px solid var(--gray-200);
	margin-top: .75rem;
	letter-spacing: .025em;
	animation: sigmaPulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

.bk-plan__pickup {
	display: inline-block;
	margin-top: 1rem;
	background-color: #fff;
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem .5rem;
	border: 2px solid var(--sigma-blue);
	transform: skewX(-6deg);
	box-shadow: var(--shadow-sm);
}

.bk-plan__list { margin-bottom: 2rem; flex-grow: 1; }
.bk-plan__list > * + * { margin-top: 1rem; }
.bk-plan__item { display: flex; align-items: center; gap: .75rem; font-family: var(--font-body); font-weight: 500; color: var(--gray-700); font-size: .875rem; line-height: 1.25rem; }
.bk-plan__item--off { opacity: .5; }
.bk-yes { color: #22c55e; font-weight: 700; }
.bk-no { color: #f87171; font-weight: 700; }
.bk-plan__cta { font-size: 1.125rem; line-height: 1.75rem; padding: 1rem 0; width: 100%; text-align: center; margin-top: auto; text-transform: uppercase; }

/* Wyróżniony pakiet */
.bk-plan--featured {
	background-color: var(--sigma-blue);
	border: 4px solid var(--sigma-gold);
	box-shadow: 12px 12px 0 0 #ffc301;
	z-index: 10;
	margin: 1.5rem .25rem 0;
	transition: transform .15s var(--ease);
}

.bk-plan__ribbon {
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--sigma-gold);
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 900;
	padding: .375rem 1rem;
	border: 2px solid var(--sigma-blue);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .75rem;
	line-height: 1rem;
	white-space: nowrap;
	z-index: 20;
	box-shadow: var(--shadow-sm);
}

.bk-plan--featured .bk-plan__head { border-bottom-color: var(--blue-800); }
.bk-plan--featured .bk-plan__name { font-size: 1.5rem; line-height: 2rem; color: var(--sigma-gold); }
.bk-plan--featured .bk-plan__desc { color: var(--blue-100); }
.bk-plan--featured .bk-plan__old { font-size: 1.5rem; line-height: 2rem; }
.bk-plan--featured .bk-plan__price { font-size: 3rem; line-height: 1; color: #fff; }
.bk-plan--featured .bk-plan__stock { padding: .375rem 1rem; box-shadow: var(--shadow-sm); }
.bk-plan--featured .bk-plan__pickup { background-color: var(--sigma-gold); font-size: 10px; line-height: inherit; }
.bk-plan--featured .bk-plan__item { color: var(--blue-50); }
.bk-plan--featured .bk-yes { color: var(--sigma-gold); }
.bk-plan--featured .bk-plan__cta { padding: 1.25rem 1rem; }
.bk-plan__save { color: var(--sigma-gold); font-family: var(--font-body); font-weight: 700; font-size: .75rem; line-height: 1rem; margin: .5rem 0 .25rem; }

@media (min-width: 768px) {
	.bk-bundle__title { font-size: 3rem; line-height: 1; }
	.bk-bundle__shipping { font-size: 1.5rem; line-height: 2rem; }
	.bk-bundle__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bk-plan { padding: 2rem; }
	.bk-plan__desc { font-size: 1rem; line-height: 1.5rem; }
	.bk-plan__prices { height: 5rem; }
	.bk-plan__old { font-size: 1.5rem; line-height: 2rem; }
	.bk-plan__price { font-size: 3rem; line-height: 1; }
	.bk-plan--featured .bk-plan__prices { height: 6rem; }
	.bk-plan--featured .bk-plan__price { font-size: 3.75rem; }
	.bk-plan--featured .bk-plan__stock { font-size: .875rem; line-height: 1.25rem; }
	.bk-plan--featured .bk-plan__pickup { font-size: .75rem; line-height: 1rem; }
	.bk-plan__save { font-size: .875rem; line-height: 1.25rem; }
}

@media (min-width: 1024px) {
	.bk-bundle__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bk-plan { margin-top: 0; }
	.bk-plan--featured { margin-top: 0; --ty: -.5rem; --sc: 1.08; }
}

/* ═══ 8. DARMOWY PDF ═══ */
.bk-lead { padding: 8rem 1.5rem; background-color: #fff; }

.bk-lead__box {
	max-width: 56rem;
	margin: 0 auto;
	background-color: var(--sigma-blue);
	color: #fff;
	padding: 2.5rem;
	transform: rotate(-1deg);
	position: relative;
}

.bk-lead__stamp {
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	width: 7rem;
	height: 7rem;
	background-color: #fff;
	border: 4px solid var(--sigma-blue);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: rotate(12deg);
	z-index: 20;
	box-shadow: var(--shadow-lg);
	transition: transform .15s var(--ease);
}

.bk-lead__box:hover .bk-lead__stamp { transform: rotate(15deg); }
.bk-lead__stamp-big { font-family: var(--font-montserrat); color: var(--sigma-blue); font-weight: 900; font-size: 2.25rem; line-height: 2.5rem; }
.bk-lead__stamp-small { font-family: var(--font-body); font-weight: 700; color: var(--sigma-blue); font-size: .75rem; line-height: 1rem; text-transform: uppercase; margin-top: .25rem; }

.bk-lead__content { text-align: center; position: relative; z-index: 10; width: 100%; }
.bk-lead__title { font-family: var(--font-montserrat); font-size: 1.875rem; line-height: 1.25; color: #fff; text-transform: uppercase; margin-bottom: 1.5rem; }
.bk-lead__text { font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; font-family: var(--font-body); margin: 0 auto 2.5rem; color: var(--blue-100); max-width: 42rem; }

.bk-lead__form { display: flex; flex-direction: column; gap: 1rem; max-width: 42rem; margin: 0 auto; }
.bk-lead__row { display: flex; flex-direction: column; gap: 1rem; justify-content: center; width: 100%; }

.bk-lead__input {
	flex: 1 1 0%;
	width: 100%;
	padding: 1.25rem 1.5rem;
	border: 4px solid transparent;
	background-color: #fff;
	color: var(--sigma-blue);
	font-family: var(--font-body);
	font-weight: 700;
	outline: 2px solid transparent;
	outline-offset: 2px;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.bk-lead__input:focus { border-color: var(--sigma-gold); }
.bk-lead__input[aria-invalid="true"] { border-color: #fca5a5; }

.bk-lead__submit { font-size: 1.125rem; line-height: 1.75rem; padding: 1.25rem 2rem; white-space: nowrap; width: 100%; }
.bk-lead__submit[disabled] { opacity: .7; cursor: wait; }

.bk-lead__consent { display: flex; align-items: flex-start; text-align: left; gap: .75rem; margin-top: .5rem; }
.bk-lead__checkbox { margin-top: .25rem; width: 1.25rem; height: 1.25rem; accent-color: var(--sigma-gold); flex-shrink: 0; cursor: pointer; }
.bk-lead__consent-label { font-size: .875rem; line-height: 1.25rem; font-family: var(--font-body); color: var(--blue-100); cursor: pointer; }
.bk-lead__consent-label a { color: var(--sigma-gold); text-decoration: underline; }
.bk-lead__consent-label a:hover { color: #fff; }

.bk-lead__status { font-size: .875rem; line-height: 1.25rem; font-family: var(--font-body); font-weight: 700; margin-top: .25rem; text-align: left; }
.bk-lead__status--info { color: var(--blue-200); }
.bk-lead__status--error { color: #fca5a5; }

.bk-lead__success { border: 2px solid #4ade80; padding: 1.5rem; text-align: center; }
.bk-lead__success h3 { font-family: var(--font-montserrat); font-weight: 900; font-size: 1.5rem; line-height: 2rem; color: #4ade80; margin-bottom: .5rem; }
.bk-lead__success p { font-family: var(--font-body); font-weight: 700; color: #fff; }

@media (min-width: 768px) {
	.bk-lead__box { padding: 4rem; }
	.bk-lead__title { font-size: 3rem; line-height: 1; }
	.bk-lead__text { font-size: 1.25rem; line-height: 1.75rem; }
	.bk-lead__row { flex-direction: row; }
	.bk-lead__input { width: auto; }
	.bk-lead__submit { width: auto; }
}

@media (min-width: 1024px) {
	.bk-lead__stamp { right: -2.5rem; }
}

/* ═══ 9. SOCIAL PROOF ═══ */
.bk-proof { padding: 6rem 1.5rem; background-color: #fff; position: relative; overflow: hidden; }
.bk-proof__quote { position: absolute; top: 2.5rem; left: 2.5rem; font-size: 20rem; color: var(--sigma-blue); opacity: .02; font-family: var(--font-montserrat); font-weight: 900; line-height: 1; user-select: none; }
.bk-proof__inner { max-width: 80rem; margin: 0 auto; position: relative; z-index: 10; }
.bk-proof__header { text-align: center; margin-bottom: 4rem; }
.bk-proof__title { font-family: var(--font-montserrat); font-size: 2.25rem; line-height: 2.5rem; color: var(--sigma-blue); font-weight: 900; text-transform: uppercase; letter-spacing: -.025em; margin-bottom: 1rem; }
.bk-proof__lead { font-family: var(--font-body); font-size: 1.25rem; line-height: 1.75rem; color: var(--gray-500); font-weight: 500; }

.bk-proof__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2.5rem; }
.bk-proof__dms { display: flex; flex-direction: column; gap: 1.5rem; }

.bk-proof__badge {
	display: inline-block;
	align-self: flex-start;
	padding: .25rem 1rem;
	font-family: var(--font-montserrat);
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: .5rem;
}

.bk-proof__badge--blue { background-color: var(--sigma-blue); color: #fff; font-weight: 700; transform: rotate(-2deg); }
.bk-proof__badge--gold { background-color: var(--sigma-gold); color: var(--sigma-blue); font-weight: 900; transform: rotate(1deg); border: 2px solid var(--sigma-blue); }

.bk-dm {
	background-color: #fff;
	border: 2px solid var(--gray-100);
	border-radius: 2rem;
	box-shadow: var(--shadow-xl);
	overflow: hidden;
	max-width: 24rem;
	width: 100%;
	margin: .5rem auto 0;
	transition: transform .15s var(--ease);
}

.bk-dm--tilt-1 { transform: rotate(-1deg); }
.bk-dm--tilt-2 { transform: rotate(2deg); }
.bk-dm--tilt-3 { transform: rotate(-2deg); }
.bk-dm:hover { transform: rotate(0deg); }

.bk-dm__head { background-color: var(--gray-50); padding: 1rem; border-bottom: 1px solid var(--gray-100); display: flex; align-items: center; gap: .75rem; }
.bk-dm__ring { width: 2.5rem; height: 2.5rem; flex-shrink: 0; background-image: linear-gradient(to top right, #facc15, #ef4444, #a855f7); border-radius: 9999px; padding: 2px; }

.bk-dm__avatar {
	width: 100%;
	height: 100%;
	background-color: var(--gray-200);
	border-radius: 9999px;
	border: 2px solid #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bk-dm__avatar span { color: var(--gray-500); font-size: .75rem; line-height: 1rem; font-weight: 700; }
.bk-dm__who { display: flex; flex-direction: column; }
.bk-dm__user { font-family: var(--font-body); font-weight: 700; font-size: .875rem; line-height: 1.25rem; color: var(--gray-800); }
.bk-dm__status { font-family: var(--font-body); font-size: .75rem; line-height: 1rem; color: var(--gray-400); }
.bk-dm__body { padding: 1.25rem; font-family: var(--font-body); font-size: .875rem; line-height: 1.25rem; display: flex; flex-direction: column; gap: .75rem; background-color: #fff; min-height: 160px; }
.bk-dm__time { text-align: center; font-size: .75rem; line-height: 1rem; color: var(--gray-400); margin-bottom: .5rem; }
.bk-dm__msg { align-self: flex-start; background-color: var(--gray-100); color: var(--gray-800); border-radius: 1rem 1rem 1rem 1rem; border-top-left-radius: .125rem; padding: .5rem 1rem; max-width: 85%; }

.bk-proof__parents { display: flex; flex-direction: column; justify-content: center; gap: 2rem; margin-top: 2.5rem; }

.bk-parent { position: relative; padding: 2rem; transition: transform .3s var(--ease); }
.bk-parent:hover { transform: rotate(0deg); }
.bk-parent--blue { background-color: var(--sigma-blue); color: #fff; transform: rotate(1deg); transition: transform .2s ease, box-shadow .2s ease; }
.bk-parent--white { background-color: #fff; border: 4px solid var(--sigma-blue); transform: rotate(-1deg); margin-left: 0; }
.bk-parent__mark { position: absolute; top: 1rem; right: 1.5rem; font-size: 3.75rem; line-height: 1; font-family: var(--font-serif); }
.bk-parent--blue .bk-parent__mark { color: #fff; opacity: .2; }
.bk-parent--white .bk-parent__mark { color: var(--sigma-blue); opacity: .1; }
.bk-parent__name { font-family: var(--font-montserrat); font-weight: 900; font-size: 1.25rem; line-height: 1.75rem; text-transform: uppercase; margin-bottom: .25rem; }
.bk-parent--blue .bk-parent__name { color: var(--sigma-gold); }
.bk-parent--white .bk-parent__name { color: var(--sigma-blue); }
.bk-parent__role { font-family: var(--font-body); font-size: .875rem; line-height: 1.25rem; margin-bottom: 1.5rem; }
.bk-parent--blue .bk-parent__role { color: var(--blue-200); }
.bk-parent--white .bk-parent__role { color: var(--gray-500); }
.bk-parent__text { font-family: var(--font-body); font-weight: 500; font-size: 1.125rem; line-height: 1.625; margin-bottom: 1.5rem; }
.bk-parent--white .bk-parent__text { color: var(--gray-800); }
.bk-parent__stars { color: var(--sigma-gold); font-size: 1.25rem; line-height: 1.75rem; }

.bk-proof__cta { margin-top: 2rem; text-align: center; }
.bk-proof__cta-btn { padding: 1.25rem 2.5rem; font-size: 1.25rem; line-height: 1.75rem; text-transform: uppercase; letter-spacing: .05em; }

@media (min-width: 768px) {
	.bk-proof__title { font-size: 3rem; line-height: 1; }
	.bk-parent { padding: 2.5rem; }
	.bk-parent__text { font-size: 1.25rem; line-height: 1.75rem; }
	.bk-proof__cta-btn { font-size: 1.5rem; line-height: 2rem; }
}

@media (min-width: 1024px) {
	.bk-proof__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4rem; }
	.bk-proof__dms { grid-column: span 5 / span 5; }
	.bk-dm { margin-left: 0; margin-right: 0; }
	.bk-proof__parents { grid-column: span 7 / span 7; margin-top: 0; }
	.bk-proof__badge--gold { margin-left: auto; margin-right: auto; }
	.bk-parent--white { margin-left: 3rem; }
	.bk-proof__cta { text-align: left; margin-left: 3rem; }
}

/* ═══ 10. AUTOR ═══ */
.bk-author { padding: 6rem 1.5rem; border-top: 8px solid var(--sigma-blue); position: relative; overflow: hidden; }

.bk-author__blob {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	height: 400px;
	background-color: var(--sigma-gold);
	opacity: .1;
	border-radius: 9999px;
	filter: blur(80px);
	transform: translate(50%, -50%);
}

.bk-author__word {
	position: absolute;
	bottom: 2.5rem;
	left: 2.5rem;
	font-size: 10rem;
	color: var(--sigma-blue);
	opacity: .03;
	font-family: var(--font-montserrat);
	font-weight: 900;
	line-height: 1;
	user-select: none;
	transform: rotate(-12deg);
}

.bk-author__row {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2.5rem;
	position: relative;
	z-index: 10;
	padding: 0 1rem;
}

.bk-author__photo-col { width: 100%; max-width: 24rem; position: relative; margin: 3rem 0 2rem; padding-left: 1rem; }

.bk-author__creator {
	position: absolute;
	top: -1.5rem;
	left: -1rem;
	z-index: 20;
	background-color: var(--sigma-gold);
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 900;
	padding: .75rem;
	transform: rotate(-6deg);
}

.bk-author__photo-col:hover .bk-author__creator { transform: rotate(0deg); }
.bk-author__creator span { font-size: .75rem; line-height: 1rem; }

.bk-author__photo-bg {
	position: absolute;
	top: 1.5rem;
	left: -1.5rem;
	width: 100%;
	height: 100%;
	background-color: var(--sigma-gold);
	z-index: -10;
	transform: rotate(-2deg);
}

.bk-author__photo { width: 100%; height: auto; object-fit: cover; background-color: #fff; padding: .75rem; position: relative; z-index: 10; }
.bk-author__photo-col:hover .bk-author__photo { transform: translateY(-.5rem); }

.bk-author__card {
	max-width: 36rem;
	text-align: center;
	position: relative;
	z-index: 10;
	background-color: #fff;
	padding: 2rem;
	--tx: 0;
	--ty: 0;
	transform: translate(var(--tx), var(--ty));
}

.bk-author__card:hover { --ty: -.25rem; }

.bk-author__badge {
	display: inline-block;
	background-color: var(--sigma-blue);
	color: #fff;
	padding: .25rem 1rem;
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: .75rem;
	line-height: 1rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	transform: skewX(-12deg);
}

.bk-author__title { font-family: var(--font-montserrat); font-size: 2.25rem; line-height: 1.1; font-weight: 900; text-transform: uppercase; letter-spacing: -.025em; margin-bottom: 1.5rem; }
.bk-author__title-1 { display: block; color: var(--sigma-blue); }
.bk-author__title-2 { display: block; color: var(--sigma-gold); margin-top: .5rem; }

.bk-author__text {
	font-family: var(--font-body);
	color: var(--gray-700);
	font-size: 1.125rem;
	line-height: 1.625;
	font-weight: 700;
	margin-bottom: 2rem;
	border-left: 4px solid var(--sigma-gold);
	padding-left: 1rem;
}

.bk-author__quote { background-color: var(--sigma-blue); color: #fff; padding: 1.5rem; text-align: left; position: relative; transform: rotate(1deg); margin-top: 1rem; }
.bk-author__quote:hover { transform: rotate(0deg); }
.bk-author__quote-mark { position: absolute; top: -1rem; right: 1.5rem; font-size: 2.25rem; line-height: 2.5rem; color: var(--sigma-gold); }
.bk-author__quote p { font-family: var(--font-body); font-weight: 500; color: var(--blue-50); font-size: 1.125rem; line-height: 1.625; position: relative; z-index: 10; }

@media (min-width: 640px) {
	.bk-author__row { padding: 0; }
	.bk-author__photo-col { max-width: 28rem; padding-left: 0; }
	.bk-author__creator { left: -1.5rem; }
	.bk-author__creator span { font-size: .875rem; line-height: 1.25rem; }
}

@media (min-width: 768px) {
	.bk-author__row { flex-direction: row; gap: 4rem; }
	.bk-author__photo-col { margin: 0; }
	.bk-author__photo-bg { left: -2rem; }
	.bk-author__card { text-align: left; padding: 3rem; }
	.bk-author__badge { font-size: .875rem; line-height: 1.25rem; }
	.bk-author__title { font-size: 3rem; line-height: 1; }
	.bk-author__text { font-size: 1.25rem; line-height: 1.75rem; }
	.bk-author__quote { padding: 2rem; }
}

@media (min-width: 1024px) {
	.bk-author__row { gap: 6rem; }
	.bk-author__photo-col { max-width: 32rem; }
	.bk-author__title { font-size: 3.75rem; }
}

@media (min-width: 1280px) {
	.bk-author__card { --tx: 2rem; }
}

/* ═══ 11. FINAL ═══ */
.bk-final { background-color: var(--sigma-blue); padding: 8rem 1.5rem 6rem; position: relative; overflow: hidden; }

.bk-final__blob {
	position: absolute;
	top: 0;
	right: 0;
	width: 800px;
	height: 800px;
	background-color: var(--sigma-gold);
	opacity: .05;
	border-radius: 9999px;
	filter: blur(100px);
	transform: translate(50%, -50%);
	pointer-events: none;
	z-index: 10;
}

.bk-final__inner { max-width: 64rem; margin: 0 auto; text-align: center; position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; }

.bk-final__einstein {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto -60px;
	z-index: 0;
	width: 100%;
	max-width: 64rem;
	padding-top: 5rem;
}

.bk-final__einstein img { width: 90%; max-width: 56rem; height: auto; position: relative; z-index: 0; }

.bk-final__prices {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1.5rem;
	width: 100%;
	max-width: 64rem;
	margin: 0 auto 3.5rem;
	padding: 0 1rem;
	align-items: center;
	position: relative;
	z-index: 10;
	text-align: center;
}

.bk-final__card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: .125rem;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: transform .5s var(--ease);
}

.bk-final__card--side { background-color: rgb(255 255 255 / .05); padding: 1.5rem; border: 4px solid rgb(255 255 255 / .2); transform: rotate(1deg); }
.bk-final__card--side:hover { transform: rotate(0deg); border-color: rgb(255 195 1 / .5); }
.bk-final__card--main { background-color: rgb(255 255 255 / .1); padding: 2rem; border: 4px solid var(--sigma-gold); transform: rotate(-1deg) scale(1.05); z-index: 10; }
.bk-final__card--main:hover { transform: rotate(0deg) scale(1.05); }

.bk-final__ribbon {
	position: absolute;
	top: -1.25rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--sigma-gold);
	color: var(--sigma-blue);
	font-family: var(--font-montserrat);
	font-weight: 900;
	padding: .375rem 1.5rem;
	border: 2px solid var(--sigma-gold);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .75rem;
	line-height: 1rem;
	white-space: nowrap;
}

.bk-final__name { font-family: var(--font-montserrat); font-size: 1.125rem; line-height: 1.75rem; color: var(--blue-200); font-weight: 700; text-transform: uppercase; margin-bottom: .5rem; }
.bk-final__card--main .bk-final__name { font-size: 1.25rem; line-height: 1.75rem; color: var(--sigma-gold); font-weight: 900; margin-bottom: .75rem; }
.bk-final__old { font-size: 1.25rem; line-height: 1.75rem; font-family: var(--font-montserrat); font-weight: 700; color: var(--gray-400); text-decoration: line-through; white-space: nowrap; }
.bk-final__card--main .bk-final__old { font-size: 1.5rem; line-height: 2rem; }
.bk-final__price { font-family: var(--font-montserrat); font-weight: 900; font-size: 2.25rem; line-height: 2.5rem; color: #fff; white-space: nowrap; }
.bk-final__card--main .bk-final__price { font-size: 3rem; line-height: 1; }

.bk-final__cta { font-size: 1.5rem; line-height: 2rem; padding: 1.5rem 2.5rem; text-transform: uppercase; letter-spacing: .025em; width: 100%; max-width: 32rem; margin: 0 auto 4rem; }

.bk-final__pdf {
	position: relative;
	margin: 2rem auto 0;
	text-align: center;
	background-color: rgb(30 58 138 / .6);
	border: 4px solid var(--blue-800);
	padding: 2rem;
	max-width: 42rem;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transform: rotate(-1deg);
	box-shadow: var(--shadow-2xl);
}

.bk-final__pdf p { font-family: var(--font-body); color: var(--blue-100); font-weight: 500; margin-bottom: .75rem; font-size: 1.125rem; line-height: 1.75rem; position: relative; z-index: 10; }

.bk-final__pdf a {
	display: block;
	margin-top: 1rem;
	position: relative;
	z-index: 10;
	font-family: var(--font-montserrat);
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-decoration-line: underline;
	text-decoration-color: var(--sigma-gold);
	text-decoration-thickness: 4px;
	text-underline-offset: 8px;
	font-size: 1.125rem;
	line-height: 1.75rem;
	transition: color .15s var(--ease);
}

.bk-final__pdf a:hover { color: var(--sigma-gold); }

.bk-final__copy { margin-top: 6rem; padding-top: 2rem; border-top: 1px solid rgb(30 64 175 / .5); width: 100%; text-align: center; }
.bk-final__copy p { color: rgb(191 219 254 / .5); font-family: var(--font-body); font-weight: 700; font-size: .875rem; line-height: 1.25rem; letter-spacing: .05em; text-transform: uppercase; }

@media (min-width: 768px) {
	.bk-final__einstein { margin-bottom: -100px; padding-top: 8rem; }
	.bk-final__einstein img { width: 100%; }
	.bk-final__prices { grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: left; }
	.bk-final__card { align-items: flex-start; }
	.bk-final__card--side { padding: 2rem; }
	.bk-final__card--main { padding: 3rem; text-align: left; }
	.bk-final__ribbon { left: 2.5rem; transform: none; }
	.bk-final__card--main .bk-final__name { text-align: left; }
	.bk-final__card--main .bk-final__old { font-size: 1.875rem; line-height: 2.25rem; }
	.bk-final__cta { font-size: 1.875rem; line-height: 2.25rem; padding-left: 3rem; padding-right: 3rem; }
}

@media (min-width: 1024px) {
	.bk-final__einstein { margin-bottom: -150px; }
	.bk-final__name { font-size: 1.25rem; line-height: 1.75rem; }
	.bk-final__card--main .bk-final__name { font-size: 1.5rem; line-height: 2rem; }
	.bk-final__old { font-size: 1.5rem; line-height: 2rem; }
	.bk-final__price { font-size: 3rem; line-height: 1; }
	.bk-final__card--main { margin: 0 .5rem; }
	.bk-final__card--main .bk-final__price { font-size: 3.75rem; }
}

/* ═══════════════════════════════════════════════════════════
   SPRZEDAŻ — cena w hero, pasek zakupu, ikony (2026-10-19)
   ═══════════════════════════════════════════════════════════ */

.slp-arrow svg { width: 1em; height: 1em; vertical-align: -.125em; }
.slp-cta:active { transform: translateY(1px) scale(.98); }
.slp-cta:focus-visible { outline: 3px solid var(--sigma-blue); outline-offset: 4px; }

/* Hero: cena + drugi poziom CTA + pasek zaufania */
.bk-hero__offer {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: .25rem .75rem;
	margin: -1rem 0 1.5rem;
	font-variant-numeric: tabular-nums;
}
.bk-hero__offer-label { font-family: var(--font-body); font-weight: 600; font-size: .875rem; color: var(--gray-600); }
.bk-hero__offer-old { font-family: var(--font-montserrat); font-weight: 700; font-size: 1.25rem; color: var(--gray-400); }
.bk-hero__offer-price { font-family: var(--font-montserrat); font-weight: 900; font-size: 2.5rem; line-height: 1; color: var(--sigma-blue); letter-spacing: -.03em; }
.bk-hero__offer-note { flex-basis: 100%; font-family: var(--font-body); font-weight: 500; font-size: .9375rem; color: var(--gray-700); }
.bk-hero__offer-note strong { color: var(--sigma-blue); font-weight: 800; }

.bk-hero__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 1.75rem; }
.bk-hero__actions .bk-hero__cta { margin-top: 0; }
.bk-hero__link {
	font-family: var(--font-body);
	font-weight: 700;
	color: var(--sigma-blue);
	text-decoration: underline;
	text-decoration-color: var(--sigma-gold);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
	transition: color .2s ease, text-underline-offset .2s ease;
}
.bk-hero__link:hover { color: var(--sigma-blue-light); text-underline-offset: 8px; }

.bk-hero__trust {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem 1.25rem;
	margin-top: 2rem;
	list-style: none;
	padding: 0;
}
.bk-hero__trust li { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-body); font-weight: 600; font-size: .8125rem; color: var(--gray-700); }
.bk-hero__trust svg { width: 1.125rem; height: 1.125rem; color: var(--sigma-blue); flex-shrink: 0; }
.bk-hero__trust-star { color: var(--sigma-gold); font-size: 1rem; line-height: 1; }

@media (min-width: 768px) {
	.bk-hero__offer { margin-top: -1.5rem; }
	.bk-hero__offer-price { font-size: 3rem; }
}

@media (min-width: 1024px) {
	.bk-hero__offer,
	.bk-hero__actions,
	.bk-hero__trust { justify-content: flex-start; }
}

/* Dopisek o zestawie pod ceną książki */
.bk-price__upsell {
	display: inline-block;
	margin-top: 1.75rem;
	font-family: var(--font-body);
	font-weight: 600;
	color: #fff;
	text-decoration: underline;
	text-decoration-color: var(--sigma-gold);
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
	transition: color .2s ease;
}
.bk-price__upsell strong { color: var(--sigma-gold); font-weight: 800; }
.bk-price__upsell:hover { color: var(--sigma-gold); }

/* Ikony zamiast emoji */
.bk-spec__icon svg,
.bk-set__spec-icon svg { width: 2rem; height: 2rem; margin: 0 auto; color: var(--sigma-gold); }
.bk-bundle__shipping svg { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: -.35em; margin-right: .35rem; }
.bk-plan__pickup svg { display: inline-block; width: 1.1em; height: 1.1em; vertical-align: -.25em; margin-right: .2rem; }

/* Kwoty z cyframi o stałej szerokości */
.bk-plan__price,
.bk-plan__old,
.bk-price__tag,
.bk-final__price,
.bk-final__old,
.bk-buybar__prices { font-variant-numeric: tabular-nums; }

/* Karty cen w finale — od razu do kasy */
a.bk-final__card { text-decoration: none; color: inherit; cursor: pointer; }
a.bk-final__card:focus-visible { outline: 3px solid var(--sigma-gold); outline-offset: 4px; }
.bk-final__buy {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	margin-top: .75rem;
	font-family: var(--font-montserrat);
	font-weight: 800;
	font-size: .75rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sigma-gold);
}
.bk-final__buy svg { width: 1rem; height: 1rem; transition: transform .2s ease; }
a.bk-final__card:hover .bk-final__buy svg { transform: translateX(4px); }
div.bk-final__card .bk-final__buy { color: var(--gray-400); }

/* Pasek zakupu */
.bk-buybar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 60;
	padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
	background-color: var(--sigma-blue-dark);
	border-top: 3px solid var(--sigma-gold);
	box-shadow: 0 -8px 24px rgb(8 28 82 / .25);
	transform: translateY(110%);
	visibility: hidden;
	transition: transform .3s var(--ease), visibility 0s linear .3s;
}
.bk-buybar.is-visible { transform: translateY(0); visibility: visible; transition: transform .3s var(--ease), visibility 0s; }

.bk-buybar__inner { max-width: 64rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.bk-buybar__info { display: flex; flex-direction: column; min-width: 0; }
.bk-buybar__name { font-family: var(--font-montserrat); font-weight: 800; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--blue-200); }
.bk-buybar__prices { display: flex; align-items: baseline; gap: .5rem; white-space: nowrap; }
.bk-buybar__prices s { font-family: var(--font-body); font-weight: 600; font-size: .875rem; color: rgb(255 255 255 / .55); }
.bk-buybar__prices strong { font-family: var(--font-montserrat); font-weight: 900; font-size: 1.375rem; line-height: 1.2; color: #fff; }

.bk-buybar__cta {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	flex-shrink: 0;
	min-height: 44px;
	padding: .625rem 1.25rem;
	background: #48a111;
	color: #fff;
	border: 3px solid var(--sigma-gold);
	border-radius: 9999px;
	font-family: var(--font-montserrat);
	font-weight: 900;
	font-size: .875rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .2s ease, transform .2s ease;
}
.bk-buybar__cta svg { width: 1rem; height: 1rem; }
.bk-buybar__cta:hover { background-color: #3d8a0f; transform: translateY(-2px); }
.bk-buybar__cta:active { transform: translateY(1px) scale(.98); }
.bk-buybar__cta:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (min-width: 768px) {
	.bk-buybar__info { flex-direction: row; align-items: baseline; gap: 1rem; }
	.bk-buybar__name { font-size: .875rem; }
	.bk-buybar__cta { font-size: 1rem; padding: .75rem 1.75rem; }
}

@media (prefers-reduced-motion: reduce) {
	.bk-buybar,
	.bk-buybar.is-visible { transition: none; }
	.slp-cta-heartbeat,
	.slp-arrow { animation: none; }
}