/**
 * Before Blackout - strona główna - style.
 * Ta sama paleta co panel "Moje konto" (ciemna oliwka + szałwiowa zieleń),
 * żeby całość spójnie wyglądała. Zmieniaj tu, jeśli branding się zmieni.
 */
.bbp-home {
	--bbp-bg: #15150f;
	--bbp-bg-card: #1c1c14;
	--bbp-border: #33332e;
	--bbp-text: #f2efe4;
	--bbp-text-muted: #8c9276;
	--bbp-accent: #b3c48c;
	--bbp-accent-hover: #a3b57a;
	--bbp-accent-text: #20260f;

	max-width: 100%;
	margin: 0 auto;
	color: var( --bbp-text );
	background: var( --bbp-bg );
}

.bbp-home * {
	box-sizing: border-box;
}

.bbp-home__eyebrow,
.bbp-home__h1,
.bbp-home__h2,
.bbp-home__cta,
.bbp-home__feature-label,
.bbp-home__section-title,
.bbp-timeline__label,
.bbp-timeline__readout,
.bbp-timeline__ticks span,
.bbp-outage-card__from,
.bbp-outage-card__tag {
	font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
}

.bbp-home__sub,
.bbp-home__feature-text,
.bbp-home__card-title,
.bbp-outage-card__title,
.bbp-outage-card__text {
	font-family: Manrope, "Segoe UI", sans-serif;
}

/* ---- Hero ---- */

.bbp-home__hero {
	position: relative;
	overflow: hidden;
	padding: 48px 24px 32px;
	background: #11140f;
}

.bbp-home__hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.bbp-home__hero-photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness( 0.66 ) saturate( 0.66 ) contrast( 1.08 );
}

.bbp-glow {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient( 34vmax 34vmax at var( --glow-x, 18% ) var( --glow-y, 42% ), rgba( 230, 222, 199, 0.16 ) 0%, rgba( 179, 196, 140, 0.08 ) 32%, rgba( 0, 0, 0, 0 ) 62% );
}

.bbp-home__hero-content {
	position: relative;
	z-index: 1;
	max-width: 900px;
}

.bbp-home__eyebrow {
	color: var( --bbp-text-muted );
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 16px;
}

.bbp-home__h1 {
	font-weight: 700;
	font-size: 104px;
	line-height: 1.02;
	letter-spacing: -1.5px;
	margin: 0 0 20px;
	text-transform: uppercase;
	color: #ffffff;
}

.bbp-home__h2 {
	font-weight: 700;
	font-size: 34px;
	line-height: 1.15;
	letter-spacing: -0.5px;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.bbp-home__h1-accent {
	color: rgb( 166, 179, 139 );
}

.bbp-home__sub {
	color: #cfcabc;
	font-size: 17px;
	line-height: 1.6;
	margin: 0 0 28px;
	max-width: 520px;
}

.bbp-home__cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.bbp-home__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.bbp-home__cta::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.6;
	flex-shrink: 0;
}

.bbp-home__cta--primary {
	background: var( --bbp-accent );
	color: var( --bbp-accent-text );
}

.bbp-home__cta--primary:hover {
	background: var( --bbp-accent-hover );
}

.bbp-home__cta--outline {
	background: transparent;
	color: var( --bbp-text );
	border: 1px solid #44443a;
}

.bbp-home__cta--outline:hover {
	border-color: var( --bbp-accent );
}

/* ---- Feature grid ---- */

.bbp-home__features {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	border-top: 1px solid var( --bbp-border );
	border-bottom: 1px solid var( --bbp-border );
}

.bbp-home__feature {
	padding: 24px 20px;
	border-right: 1px solid var( --bbp-border );
}

.bbp-home__feature:last-child {
	border-right: none;
}

.bbp-home__feature-label {
	color: var( --bbp-text-muted );
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
}

.bbp-home__feature-text {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.4;
	margin: 0;
}

/* ---- Sekcje (Zestawy 72h / Kursy) ---- */

.bbp-home__section {
	padding: 48px 24px;
}

.bbp-home__section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 20px;
}

.bbp-home__section-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
}

.bbp-home__section-link {
	color: var( --bbp-accent );
	font-size: 14px;
	text-decoration: none;
}

.bbp-home__section-link:hover {
	text-decoration: underline;
}

.bbp-home__grid {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 220px, 1fr ) );
	gap: 20px;
}

.bbp-home__card {
	display: block;
	background: var( --bbp-bg-card );
	border: 1px solid var( --bbp-border );
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: var( --bbp-text );
}

.bbp-home__card:hover {
	border-color: var( --bbp-accent );
}

.bbp-home__card-img {
	height: 140px;
	background-size: cover;
	background-position: center;
	background-color: var( --bbp-bg );
}

.bbp-home__card-title {
	font-weight: 700;
	font-size: 15px;
	margin: 14px 16px 4px;
}

.bbp-home__card-price {
	color: var( --bbp-accent );
	font-weight: 700;
	font-size: 15px;
	margin: 0 16px 16px;
}

/* ---- Zamykająca sekcja CTA ---- */

.bbp-home__closing {
	display: flex;
	gap: 12px;
	padding: 32px 24px 48px;
	border-top: 1px solid var( --bbp-border );
}

@media ( max-width: 860px ) {
	.bbp-home__features {
		grid-template-columns: 1fr 1fr;
	}
	.bbp-home__feature:nth-child( 2n ) {
		border-right: none;
	}
	.bbp-home__feature:nth-child( -n+2 ) {
		border-bottom: 1px solid var( --bbp-border );
	}
	.bbp-home__h1 {
		font-size: 64px;
	}
}

@media ( max-width: 480px ) {
	.bbp-home__features {
		grid-template-columns: 1fr;
	}
	.bbp-home__feature {
		border-right: none;
		border-bottom: 1px solid var( --bbp-border );
	}
	.bbp-home__h1 {
		font-size: 42px;
		letter-spacing: -0.5px;
	}
	.bbp-home__cta-row {
		flex-direction: column;
	}
	.bbp-home__cta {
		text-align: center;
	}
}

/* ---- Sekcja "Sytuacja" (oś czasu blackoutu) - style tła w bloku niżej ---- */

.bbp-home__situation .bbp-home__sub {
	margin-bottom: 40px;
}

.bbp-timeline {
	margin-bottom: 48px;
}

.bbp-timeline__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 18px;
}

.bbp-timeline__label {
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
}

.bbp-timeline__readout {
	font-size: 28px;
	font-weight: 700;
	color: var( --bbp-accent );
}

.bbp-timeline__readout #bbp-timeline-value {
	font-size: 28px;
}

.bbp-timeline__track {
	position: relative;
	height: 2px;
	background: var( --bbp-border );
	border-radius: 2px;
	margin-bottom: 12px;
}

.bbp-timeline__fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	background: var( --bbp-accent );
	border-radius: 2px;
}

.bbp-timeline__marker {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var( --bbp-accent );
	transform: translate( -50%, -50% );
	box-shadow: 0 0 0 4px rgba( 179, 196, 140, 0.18 );
}

.bbp-timeline__ticks {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	letter-spacing: 1px;
	color: var( --bbp-text-muted );
	text-transform: uppercase;
}

.bbp-outage-grid {
	display: grid;
	grid-template-columns: repeat( 5, 1fr );
	border-top: 1px solid var( --bbp-border );
}

.bbp-outage-card {
	padding: 24px 18px 0;
	border-right: 1px solid var( --bbp-border );
}

.bbp-outage-card:last-child {
	border-right: none;
}

.bbp-outage-card__from {
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 14px;
}

.bbp-outage-card i {
	font-size: 26px;
	color: var( --bbp-accent );
	margin-bottom: 14px;
	display: block;
}

.bbp-outage-card__title {
	font-weight: 700;
	font-size: 15px;
	margin: 0 0 10px;
}

.bbp-outage-card__text {
	font-size: 13px;
	line-height: 1.6;
	color: #cfcabc;
	margin: 0 0 16px;
}

.bbp-outage-card__tag {
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0;
}

@media ( max-width: 860px ) {
	.bbp-outage-grid {
		grid-template-columns: repeat( 2, 1fr );
	}
	.bbp-outage-card {
		border-right: 1px solid var( --bbp-border );
		border-bottom: 1px solid var( --bbp-border );
		padding-bottom: 24px;
	}
	.bbp-outage-card:nth-child( 2n ) {
		border-right: none;
	}
	.bbp-timeline__ticks span:nth-child( 2 ),
	.bbp-timeline__ticks span:nth-child( 4 ) {
		display: none;
	}
}

.bbp-home__situation {
	position: relative;
	padding: 56px 24px 40px;
	border-bottom: 1px solid var( --bbp-border );
	overflow: hidden;
}

.bbp-home__situation-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.bbp-home__situation-photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: brightness( 0.4 ) saturate( 0.7 );
}

.bbp-home__situation::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient( 180deg, rgba( 21, 21, 15, 0.55 ) 0%, rgba( 21, 21, 15, 0.85 ) 55%, var( --bbp-bg ) 100% );
}

.bbp-home__situation-inner {
	position: relative;
	z-index: 1;
}

.bbp-home__situation .bbp-home__sub {
	margin-bottom: 40px;
}

.bbp-callout {
	margin-top: 32px;
	background: rgba( 28, 28, 20, 0.72 );
	border: 1px solid var( --bbp-border );
	border-radius: 12px;
	padding: 24px 28px;
	backdrop-filter: blur( 2px );
}

.bbp-callout p {
	margin: 0;
	font-family: Manrope, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #cfcabc;
}

.bbp-callout strong {
	color: var( --bbp-text );
}

/* ---- Sekcja "Droga" (jasny motyw, kontrast wobec reszty strony) ---- */

.bbp-home__roadmap {
	--bbp-roadmap-bg: #efe9db;
	--bbp-roadmap-bg-alt: #e6dfcd;
	--bbp-roadmap-text: #262319;
	--bbp-roadmap-muted: #8a8371;
	--bbp-roadmap-border: #d8d0ba;
	background: var( --bbp-roadmap-bg );
	color: var( --bbp-roadmap-text );
}

.bbp-home__roadmap-head {
	padding: 56px 24px 40px;
}

.bbp-home__eyebrow--dark {
	color: var( --bbp-roadmap-muted );
}

.bbp-home__h2--dark {
	color: var( --bbp-roadmap-text );
}

.bbp-home__sub--dark {
	color: #55503f;
}

.bbp-roadmap-grid {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	border-top: 1px solid var( --bbp-roadmap-border );
}

.bbp-roadmap-card {
	padding: 32px 28px 36px;
	border-right: 1px solid var( --bbp-roadmap-border );
	background: var( --bbp-roadmap-bg-alt );
}

.bbp-roadmap-card:last-child {
	border-right: none;
}

.bbp-roadmap-card__num {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 52px;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke: 1.5px var( --bbp-roadmap-muted );
	margin: 0 0 20px;
	opacity: 0.6;
}

.bbp-roadmap-card__title {
	font-size: 20px;
	margin: 0 0 12px;
	color: var( --bbp-roadmap-text );
}

.bbp-roadmap-card__text {
	font-family: Manrope, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #55503f;
	margin: 0 0 24px;
}

.bbp-roadmap-card__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: Manrope, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: var( --bbp-roadmap-text );
	text-decoration: none;
	border-top: 1px solid var( --bbp-roadmap-border );
	padding-top: 16px;
	width: 100%;
}

.bbp-roadmap-card__link:hover {
	color: var( --bbp-accent-hover );
}

/* ---- Sekcja "Konfigurator" ---- */

.bbp-home__configurator {
	position: relative;
	padding: 56px 24px 64px;
	overflow: hidden;
}

.bbp-home__configurator-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.bbp-home__configurator-bg .bbp-home__situation-photo {
	filter: brightness( 0.3 ) saturate( 0.6 );
}

.bbp-home__configurator-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 180deg, var( --bbp-bg ) 0%, rgba( 21, 21, 15, 0.7 ) 30%, rgba( 21, 21, 15, 0.92 ) 100% );
}

.bbp-home__configurator-inner {
	position: relative;
	z-index: 1;
	max-width: 900px;
}

.bbp-home__configurator .bbp-home__sub {
	margin-bottom: 40px;
}

.bbp-quiz {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	background: rgba( 20, 20, 14, 0.6 );
	border: 1px solid var( --bbp-border );
	border-radius: 14px;
	overflow: hidden;
}

.bbp-quiz__main {
	padding: 32px;
	border-right: 1px solid var( --bbp-border );
}

.bbp-quiz__dots {
	display: flex;
	gap: 6px;
	margin-bottom: 24px;
}

.bbp-quiz__dot {
	height: 3px;
	flex: 1;
	background: var( --bbp-border );
	border-radius: 2px;
}

.bbp-quiz__dot.is-done {
	background: var( --bbp-accent );
}

.bbp-quiz__step-label {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 10px;
}

.bbp-quiz__question {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 24px;
	font-family: Manrope, sans-serif;
	text-transform: none;
}

.bbp-quiz__options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 32px;
}

.bbp-quiz__option {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
	background: rgba( 28, 28, 20, 0.6 );
	border: 1px solid var( --bbp-border );
	border-radius: 10px;
	cursor: pointer;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	color: var( --bbp-text );
	text-align: left;
}

.bbp-quiz__option:hover {
	border-color: var( --bbp-accent );
}

.bbp-quiz__option.is-selected {
	border-color: var( --bbp-accent );
	background: rgba( 179, 196, 140, 0.1 );
}

.bbp-quiz__radio {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid var( --bbp-text-muted );
	flex-shrink: 0;
	position: relative;
}

.bbp-quiz__option.is-selected .bbp-quiz__radio {
	border-color: var( --bbp-accent );
}

.bbp-quiz__option.is-selected .bbp-quiz__radio::after {
	content: "";
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: var( --bbp-accent );
}

.bbp-quiz__nav {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var( --bbp-border );
	padding-top: 20px;
}

.bbp-btn-ghost {
	background: transparent;
	border: 1px solid var( --bbp-border );
	color: var( --bbp-text-muted );
	border-radius: 8px;
	padding: 10px 18px;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	cursor: pointer;
}

.bbp-btn-ghost:hover {
	border-color: var( --bbp-accent );
	color: var( --bbp-text );
}

.bbp-quiz__side {
	padding: 32px;
	display: flex;
	flex-direction: column;
}

.bbp-quiz__side-label {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 16px;
}

.bbp-quiz__answers {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	color: #cfcabc;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.bbp-quiz__answers li {
	padding-bottom: 10px;
	border-bottom: 1px solid var( --bbp-border );
}

.bbp-quiz__note {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	color: var( --bbp-text-muted );
	margin-top: 20px;
}

/* ---- Wynik konfiguratora ---- */

.bbp-result {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
}

.bbp-result__main {
	padding: 32px;
	border-right: 1px solid var( --bbp-border );
}

.bbp-result__eyebrow {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 10px;
}

.bbp-result__title {
	font-family: Manrope, sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	margin: 0 0 28px;
	line-height: 1.4;
}

.bbp-result__subhead {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 14px;
}

.bbp-result__checklist {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.bbp-result__checklist li {
	display: flex;
	gap: 12px;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #cfcabc;
}

.bbp-result__check-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid var( --bbp-text-muted );
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	margin-top: 2px;
}

.bbp-result__checklist li.is-covered .bbp-result__check-icon {
	border-color: var( --bbp-accent );
	background: var( --bbp-accent );
	color: var( --bbp-accent-text );
}

.bbp-result__checklist strong {
	color: var( --bbp-text );
}

.bbp-result__recommend {
	background: var( --bbp-bg-card );
	border: 1px solid var( --bbp-border );
	border-radius: 12px;
	padding: 18px;
	margin-bottom: 20px;
}

.bbp-result__recommend-label {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 12px;
}

.bbp-result__product {
	display: flex;
	align-items: center;
	gap: 14px;
}

.bbp-result__product-img {
	width: 56px;
	height: 56px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	background-color: var( --bbp-bg );
	flex-shrink: 0;
}

.bbp-result__product-body {
	flex: 1;
	font-family: Manrope, sans-serif;
}

.bbp-result__product-title {
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 4px;
}

.bbp-result__product-text {
	font-size: 12px;
	color: var( --bbp-text-muted );
	margin: 0;
}

.bbp-result__product-price {
	font-weight: 700;
	color: var( --bbp-accent );
	font-size: 14px;
	white-space: nowrap;
}

.bbp-result__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.bbp-result__total-note {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	color: var( --bbp-text-muted );
	margin: 0;
}

.bbp-result__side {
	padding: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.bbp-result__percent {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 64px;
	font-weight: 700;
	color: var( --bbp-accent );
	line-height: 1;
	margin: 0 0 8px;
}

.bbp-result__percent-label {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 32px;
}

.bbp-result__axis {
	width: 100%;
	margin-bottom: 20px;
}

.bbp-result__axis-track {
	position: relative;
	height: 2px;
	background: var( --bbp-border );
	border-radius: 2px;
	margin-bottom: 10px;
}

.bbp-result__axis-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: var( --bbp-accent );
	border-radius: 2px;
}

.bbp-result__axis-marker {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var( --bbp-accent );
	transform: translate( -50%, -50% );
}

.bbp-result__axis-ticks {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	font-family: "Barlow Condensed", sans-serif;
}

.bbp-result__side-note {
	font-family: Manrope, sans-serif;
	font-size: 13px;
	color: #cfcabc;
	line-height: 1.6;
}

@media ( max-width: 860px ) {
	.bbp-roadmap-grid {
		grid-template-columns: 1fr;
	}
	.bbp-roadmap-card {
		border-right: none;
		border-bottom: 1px solid var( --bbp-roadmap-border );
	}
	.bbp-quiz,
	.bbp-result {
		grid-template-columns: 1fr;
	}
	.bbp-quiz__main,
	.bbp-result__main {
		border-right: none;
		border-bottom: 1px solid var( --bbp-border );
	}
	.bbp-quiz__options {
		grid-template-columns: 1fr;
	}
}

/* ---- Sekcja "Sklep" (sześć kategorii, mozaika zdjęć) ---- */

.bbp-home__shop-categories {
	--bbp-roadmap-bg: #efe9db;
	background: var( --bbp-roadmap-bg );
	color: #262319;
	padding: 56px 24px;
}

.bbp-home__shop-head {
	margin-bottom: 32px;
}

.bbp-home__shop-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: Manrope, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #262319;
	text-decoration: none;
	border-bottom: 1px solid #d8d0ba;
	padding-bottom: 10px;
}

.bbp-home__shop-link:hover {
	color: var( --bbp-accent-hover );
}

.bbp-shop-grid {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	gap: 16px;
}

.bbp-shop-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	grid-column: span 1;
	min-height: 220px;
	border-radius: 12px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	text-decoration: none;
	padding: 20px;
}

.bbp-shop-card--wide {
	grid-column: span 2;
}

.bbp-shop-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 180deg, rgba( 20, 20, 14, 0.05 ) 0%, rgba( 20, 20, 14, 0.75 ) 100% );
}

.bbp-shop-card__body {
	position: relative;
	z-index: 1;
	max-width: 80%;
}

.bbp-shop-card__title {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	margin: 0 0 8px;
}

.bbp-shop-card__text {
	font-family: Manrope, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: rgba( 255, 255, 255, 0.82 );
	margin: 0;
}

.bbp-shop-card__arrow {
	position: absolute;
	z-index: 1;
	right: 16px;
	bottom: 16px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid rgba( 255, 255, 255, 0.5 );
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
}

.bbp-shop-card:hover .bbp-shop-card__arrow {
	background: var( --bbp-accent );
	border-color: var( --bbp-accent );
	color: var( --bbp-accent-text );
}

@media ( max-width: 860px ) {
	.bbp-shop-grid {
		grid-template-columns: 1fr 1fr;
	}
	.bbp-shop-card,
	.bbp-shop-card--wide {
		grid-column: span 1;
	}
}

@media ( max-width: 480px ) {
	.bbp-shop-grid {
		grid-template-columns: 1fr;
	}
	.bbp-home__h2 {
		font-size: 26px;
	}
	.bbp-outage-grid {
		grid-template-columns: 1fr;
	}
	.bbp-outage-card {
		border-right: none;
	}
}

/* ---- Sekcja "Wybór klientów" (Najczęściej wybierane) ---- */

.bbp-home__featured {
	--bbp-roadmap-bg: #efe9db;
	background: var( --bbp-roadmap-bg );
	color: #262319;
	padding: 56px 24px;
}

.bbp-featured-grid {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 24px;
}

.bbp-featured-card {
	background: #fdfbf5;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #e2dac2;
}

.bbp-featured-card__img {
	width: 100%;
	height: 280px;
	background-size: cover;
	background-position: center;
	background-color: #ddd5be;
}

.bbp-featured-card__body {
	padding: 20px 24px 24px;
}

.bbp-featured-card__category {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #8a8371;
	margin: 0 0 8px;
}

.bbp-featured-card__title {
	font-family: Manrope, sans-serif;
	font-weight: 700;
	font-size: 19px;
	color: #262319;
	margin: 0 0 10px;
}

.bbp-featured-card__desc {
	font-family: Manrope, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #55503f;
	margin: 0 0 14px;
}

.bbp-featured-card__status {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	color: #55503f;
	margin: 0 0 14px;
}

.bbp-featured-card__status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5a8f5a;
	flex-shrink: 0;
}

.bbp-featured-card__price {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #262319;
	margin: 0 0 16px;
}

.bbp-featured-card__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	background: #1c1c14;
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 15px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}

.bbp-featured-card__btn:hover {
	background: #33332b;
}

.bbp-featured-card__btn:disabled {
	opacity: 0.5;
	cursor: default;
}

.bbp-featured-card__btn-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var( --bbp-accent );
	display: inline-block;
}

@media ( max-width: 980px ) {
	.bbp-featured-grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 700px ) {
	.bbp-featured-grid {
		grid-template-columns: 1fr;
	}
}

/* ---- Pasek z przewijającym się napisem ---- */

.bbp-marquee {
	overflow: hidden;
	background: #14140f;
	border-top: 1px solid var( --bbp-border );
	border-bottom: 1px solid var( --bbp-border );
	padding: 14px 0;
}

.bbp-marquee__track {
	display: flex;
	width: max-content;
	white-space: nowrap;
	animation: bbp-marquee-scroll 26s linear infinite;
}

.bbp-marquee__track span {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	padding: 0 14px;
}

.bbp-marquee__dot {
	color: var( --bbp-accent );
}

@keyframes bbp-marquee-scroll {
	from {
		transform: translateX( 0 );
	}
	to {
		transform: translateX( -50% );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.bbp-marquee__track {
		animation: none;
	}
}

/* ---- Sekcja "Kursy wideo" ---- */

.bbp-home__courses {
	padding: 56px 24px;
}

.bbp-courses-head {
	margin-bottom: 32px;
	max-width: 700px;
}

.bbp-courses-grid {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 20px;
	margin-bottom: 20px;
}

.bbp-course-card {
	display: flex;
	flex-direction: column;
	background: var( --bbp-bg-card );
	border: 1px solid var( --bbp-border );
	border-radius: 12px;
	padding: 24px;
}

.bbp-course-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.bbp-course-card__num {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid var( --bbp-border );
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: var( --bbp-accent );
	flex-shrink: 0;
}

.bbp-course-card__category {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
}

.bbp-course-card__title {
	font-family: Manrope, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	letter-spacing: normal;
	margin: 0 0 10px;
	line-height: 1.3;
}

.bbp-course-card__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin-bottom: 18px;
}

.bbp-course-card__bullets {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.bbp-course-card__bullets li {
	position: relative;
	padding-left: 16px;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #cfcabc;
}

.bbp-course-card__bullets li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: var( --bbp-accent );
}

.bbp-course-card__presenter {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	color: var( --bbp-text-muted );
	margin: 0 0 16px;
}

.bbp-course-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var( --bbp-border );
	padding-top: 16px;
}

.bbp-course-card__price {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var( --bbp-text );
}

.bbp-course-card__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var( --bbp-border );
	border-radius: 8px;
	padding: 10px 18px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text );
	text-decoration: none;
}

.bbp-course-card__btn:hover {
	border-color: var( --bbp-accent );
	color: var( --bbp-accent );
}

.bbp-course-card__btn-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var( --bbp-accent );
	display: inline-block;
	flex-shrink: 0;
}

.bbp-package-card {
	display: flex;
	background: var( --bbp-bg-card );
	border: 1px solid var( --bbp-border );
	border-radius: 14px;
	overflow: hidden;
}

.bbp-package-card__img {
	width: 280px;
	flex-shrink: 0;
	background: linear-gradient( 135deg, #2a2a1e 0%, #1c1c14 100% );
}

.bbp-package-card__body {
	padding: 32px;
	flex: 1;
}

.bbp-package-card__label {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 12px;
}

.bbp-package-card__title {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
	margin: 0 0 12px;
}

.bbp-package-card__text {
	font-family: Manrope, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #cfcabc;
	max-width: 560px;
	margin: 0 0 18px;
}

.bbp-package-card__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin-bottom: 24px;
}

.bbp-package-card__footer {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.bbp-package-card__price {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: var( --bbp-accent );
}

@media ( max-width: 980px ) {
	.bbp-courses-grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 700px ) {
	.bbp-courses-grid {
		grid-template-columns: 1fr;
	}
	.bbp-package-card {
		flex-direction: column;
	}
	.bbp-package-card__img {
		width: 100%;
		height: 140px;
	}
}


/* ---- Sekcja "Sprzęt plus wiedza" ---- */

.bbp-combo {
	border-top: 1px solid var( --bbp-border );
}

.bbp-combo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 620px;
}

.bbp-combo-photo {
	background-size: cover;
	background-position: center;
	background-color: #1c1c14;
}

.bbp-combo-body {
	padding: 56px 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bbp-combo-highlight {
	display: inline;
	background: rgba( 179, 196, 140, 0.24 );
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	padding: 3px 6px;
	font-family: Manrope, sans-serif;
	font-size: 16px;
	line-height: 1.9;
	color: var( --bbp-text );
	margin: 0 0 28px;
}

.bbp-combo-list {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	border-top: 1px solid var( --bbp-border );
}

.bbp-combo-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var( --bbp-border );
}

.bbp-combo-list__item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	color: var( --bbp-text );
}

.bbp-combo-list__item i {
	color: var( --bbp-accent );
	font-size: 16px;
}

.bbp-combo-list__meta {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	white-space: nowrap;
}

.bbp-combo-price-row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 24px;
}

.bbp-combo-price {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: var( --bbp-text );
}

.bbp-combo-price-label {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
}

.bbp-combo-note {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	color: var( --bbp-text-muted );
	margin: 20px 0 0;
	max-width: 520px;
}

@media ( max-width: 860px ) {
	.bbp-combo-grid {
		grid-template-columns: 1fr;
		min-height: 0;
	}
	.bbp-combo-photo {
		height: 280px;
	}
	.bbp-combo-body {
		padding: 40px 24px;
	}
}

/* ---- Sekcja "Kim jesteśmy" ---- */

.bbp-home__about {
	--bbp-roadmap-bg: #efe9db;
	background: var( --bbp-roadmap-bg );
	color: #262319;
	padding: 36px 24px;
}

.bbp-about-grid {
	max-width: 980px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.5fr 0.8fr;
	gap: 36px;
	align-items: start;
}

.bbp-about-lead h2.bbp-home__h2 {
	font-size: 26px;
	margin-bottom: 12px;
}

.bbp-about-sub {
	font-family: Manrope, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #3a3527;
	max-width: 440px;
	margin: 0 0 4px;
}

.bbp-about-facts {
	border-top: 1px solid #d8d0ba;
	margin: 14px 0 14px;
}

.bbp-about-facts__row {
	display: flex;
	gap: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #d8d0ba;
}

.bbp-about-facts__label {
	flex: 0 0 140px;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #8a8371;
}

.bbp-about-facts__value {
	flex: 1;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	line-height: 1.55;
	color: #3a3527;
}

.bbp-about-card {
	background: #fdfbf5;
	border: 1px solid #d8d0ba;
	border-radius: 14px;
	overflow: hidden;
}

.bbp-about-card__photo {
	aspect-ratio: 1 / 0.75;
	background: #cfc4a8;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bbp-about-card__initials {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: rgba( 0, 0, 0, 0.32 );
}

.bbp-about-card__footer {
	padding: 14px 18px;
}

.bbp-about-card__name {
	font-family: Manrope, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #262319;
	margin: 0 0 4px;
}

.bbp-about-card__caption {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	line-height: 1.45;
	color: #8a8371;
	margin: 0;
}

@media ( max-width: 860px ) {
	.bbp-about-grid {
		grid-template-columns: 1fr;
	}
	.bbp-about-card {
		max-width: 340px;
	}
}

/* ---- Sekcja "Checklista 72h" ---- */

.bbp-checklist-section {
	background: #c9bfa9;
	padding: 48px 24px;
}

.bbp-checklist-grid {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

.bbp-checklist-lead .bbp-home__eyebrow--dark,
.bbp-checklist-lead .bbp-home__h2--dark {
	color: #262319;
}

.bbp-checklist-lead .bbp-home__h2 {
	font-size: 30px;
}

.bbp-checklist-lead .bbp-about-sub {
	color: #3a3527;
	max-width: 420px;
	margin-bottom: 24px;
}

.bbp-checklist-form__label {
	display: block;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #6b6550;
	margin: 0 0 6px;
}

.bbp-checklist-form__input {
	width: 100%;
	max-width: 360px;
	background: rgba( 255, 255, 255, 0.5 );
	border: 1px solid #a89c81;
	border-radius: 8px;
	padding: 12px 14px;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	color: #262319;
	margin-bottom: 18px;
}

.bbp-checklist-form__input:focus {
	outline: none;
	border-color: #262319;
}

.bbp-checklist-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #3a3527;
	max-width: 420px;
	margin-bottom: 22px;
	cursor: pointer;
}

.bbp-checklist-form__consent input {
	margin-top: 3px;
	flex-shrink: 0;
}

.bbp-checklist-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
}

.bbp-checklist-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 10px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	font-family: inherit;
}

.bbp-checklist-btn--primary {
	background: #1c1c14;
	color: #fff;
}

.bbp-checklist-btn--primary:hover {
	background: #33332b;
}

.bbp-checklist-btn--outline {
	background: transparent;
	border: 1px solid #6b6550;
	color: #262319;
}

.bbp-checklist-btn--outline:hover {
	border-color: #262319;
}

.bbp-checklist-form__note {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #6b6550;
	max-width: 420px;
	margin: 0;
}

.bbp-checklist-card {
	perspective: 1000px;
}

.bbp-checklist-card__inner {
	background: #fdfbf5;
	border: 1px solid #d8d0ba;
	border-radius: 14px;
	padding: 28px 32px;
	box-shadow: 0 20px 40px rgba( 0, 0, 0, 0.12 );
	transition: transform 0.35s ease;
	transform: rotate( 0deg );
}

.bbp-checklist-card:hover .bbp-checklist-card__inner {
	transform: rotate( -2deg ) translateY( -4px );
}

.bbp-checklist-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #8a8371;
	margin-bottom: 8px;
}

.bbp-checklist-card__title {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	color: #262319;
	margin: 0 0 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d8d0ba;
}

.bbp-checklist-card__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bbp-checklist-card__list li {
	position: relative;
	padding-left: 28px;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	color: #3a3527;
}

.bbp-checklist-card__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 1px solid #a89c81;
	background: #fff;
}

.bbp-checklist-card__list li.is-checked {
	color: #262319;
}

.bbp-checklist-card__list li.is-checked::before {
	background: #7a9163;
	border-color: #7a9163;
}

.bbp-checklist-card__list li.is-checked::after {
	content: "✓";
	position: absolute;
	left: 2px;
	top: -1px;
	font-size: 12px;
	color: #fff;
	font-weight: 700;
}

.bbp-checklist-card__more {
	font-style: italic;
	color: #8a8371 !important;
}

@media ( max-width: 860px ) {
	.bbp-checklist-grid {
		grid-template-columns: 1fr;
	}
	.bbp-checklist-card:hover .bbp-checklist-card__inner {
		transform: none;
	}
}

/* ---- Sekcja "Wiedza" (Poradniki) ---- */

.bbp-home__articles {
	--bbp-roadmap-bg: #f5f2ea;
	background: var( --bbp-roadmap-bg );
	color: #262319;
	padding: 48px 24px;
}

.bbp-articles-head {
	margin-bottom: 28px;
}

.bbp-articles-grid {
	display: grid;
	grid-template-columns: repeat( 5, 1fr );
	gap: 20px;
}

.bbp-article-card {
	display: block;
	text-decoration: none;
	color: inherit;
}

.bbp-article-card__img {
	width: 100%;
	aspect-ratio: 1 / 0.95;
	border-radius: 10px;
	margin-bottom: 14px;
}

.bbp-article-card__meta {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #8a8371;
	margin: 0 0 8px;
}

.bbp-article-card__title {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 1.25;
	color: #262319;
	margin: 0 0 8px;
}

.bbp-article-card__text {
	font-family: Manrope, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #55503f;
	margin: 0;
}

@media ( max-width: 1100px ) {
	.bbp-articles-grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

@media ( max-width: 700px ) {
	.bbp-articles-grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 480px ) {
	.bbp-articles-grid {
		grid-template-columns: 1fr;
	}
}

/* ---- Sekcja "Pytania" (FAQ) ---- */

.bbp-faq-section {
	--bbp-roadmap-bg: #efe9db;
	background: var( --bbp-roadmap-bg );
	color: #262319;
	padding: 48px 24px;
}

.bbp-faq-grid {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 0.8fr 1.6fr;
	gap: 48px;
	align-items: start;
}

.bbp-faq-lead .bbp-about-sub {
	color: #3a3527;
	max-width: 320px;
}

.bbp-faq-list {
	border-top: 1px solid #d8d0ba;
}

.bbp-faq-item {
	border-bottom: 1px solid #d8d0ba;
}

.bbp-faq-item__q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: none;
	border: none;
	padding: 18px 0;
	font-family: Manrope, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #262319;
	text-align: left;
	cursor: pointer;
}

.bbp-faq-item__icon {
	flex-shrink: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 18px;
	color: #8a8371;
}

.bbp-faq-item__a-wrap {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

.bbp-faq-item.is-open .bbp-faq-item__a-wrap {
	grid-template-rows: 1fr;
}

.bbp-faq-item__a {
	overflow: hidden;
	min-height: 0;
}

.bbp-faq-item__a p {
	margin: 0 0 18px;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #55503f;
	max-width: 640px;
}

@media ( max-width: 860px ) {
	.bbp-faq-grid {
		grid-template-columns: 1fr;
	}
}

/* ---- Sekcja "Kontakt" ---- */

.bbp-contact-section {
	padding: 56px 24px;
	border-top: 1px solid var( --bbp-border );
}

.bbp-contact-grid {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 48px;
}

.bbp-contact-lead .bbp-home__sub {
	max-width: 360px;
}

.bbp-contact-info {
	border-top: 1px solid var( --bbp-border );
	margin-top: 24px;
}

.bbp-contact-info__row {
	display: flex;
	gap: 20px;
	padding: 14px 0;
	border-bottom: 1px solid var( --bbp-border );
}

.bbp-contact-info__label {
	flex: 0 0 100px;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
}

.bbp-contact-info__value {
	font-family: Manrope, sans-serif;
	font-size: 14px;
	color: var( --bbp-text );
	text-decoration: none;
}

a.bbp-contact-info__value:hover {
	color: var( --bbp-accent );
}

.bbp-contact-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.bbp-contact-form__field {
	margin-bottom: 16px;
}

.bbp-contact-form__label {
	display: block;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var( --bbp-text-muted );
	margin: 0 0 6px;
}

.bbp-contact-form__input {
	width: 100%;
	background: var( --bbp-bg-card );
	border: 1px solid var( --bbp-border );
	border-radius: 8px;
	padding: 12px 14px;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	color: var( --bbp-text );
}

.bbp-contact-form__input:focus {
	outline: none;
	border-color: var( --bbp-accent );
}

.bbp-contact-form__textarea {
	resize: vertical;
	min-height: 100px;
}

.bbp-contact-form__captcha {
	max-width: 160px;
}

.bbp-contact-form__consent {
	margin-bottom: 20px;
}

.bbp-contact-form__error,
.bbp-contact-form__success {
	display: none;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	margin: 8px 0 0;
}

.bbp-contact-form__error {
	color: #c98a6a;
}

.bbp-contact-form__success {
	color: var( --bbp-accent );
}

@media ( max-width: 860px ) {
	.bbp-contact-grid {
		grid-template-columns: 1fr;
	}
	.bbp-contact-form__row {
		grid-template-columns: 1fr;
	}
}