/* ============================================================
   WYGLĄD STRON KASI GLIWKI
   Wspólny dla wszystkich podstron tego klienta.
   Podstrony ładują go jako /style.css
   Wyciągnięty ze strony /konsultacja 2026-08-04.
   ============================================================ */

		:root {
			--green: 0, 152, 77;
			/* #00984D - firmowa zieleń - przyciski, akcenty */
			--green-deep: 8, 61, 42;
			/* #083D2A - ciemna zieleń - tło sekcji hero/stopka */
			--olive: 169, 180, 65;
			/* #A9B441 - oliwka - gwiazdki / eko-akcent */
			--ink: 33, 37, 41;
			/* #212529 - tekst główny */
			--muted: 108, 117, 125;
			/* #6C757D - tekst pomocniczy */
			--white: 255, 255, 255;
			--bg-alt: 246, 248, 245;
			/* #F6F8F5 - jasne tło sekcji */
			--mint: 237, 244, 238;
			/* #EDF4EE - jasna mięta - hero, CTA, stopka */
			--line: 224, 228, 220;
			/* #E0E4DC - subtelne obramowania */

			--font-heading: "Montserrat", Helvetica, Arial, sans-serif;
			--font-body: "Montserrat", Helvetica, Arial, sans-serif;
			--font-script: "Parisienne", cursive;
		}

		* {
			box-sizing: border-box;
		}

		html {
			scroll-behavior: smooth;
		}

		body {
			margin: 0;
			font-family: var(--font-body);
			color: rgba(var(--ink), 1);
			background-color: rgba(var(--white), 1);
			line-height: 1.65;
			font-weight: 400;
			-webkit-font-smoothing: antialiased;
		}

		h1,
		h2,
		h3 {
			font-family: var(--font-heading);
			font-weight: 700;
			margin: 0 0 20px 0;
			line-height: 1.22;
			letter-spacing: -0.3px;
			text-wrap: balance;
		}

		a {
			text-decoration: none;
		}

		p {
			margin: 0 0 18px 0;
			text-wrap: pretty;
		}

		/* ---------- Layout ---------- */
		.container {
			max-width: 900px;
			margin: 0 auto;
			padding: 0 24px;
		}

		.container-wide {
			max-width: 1180px;
			margin: 0 auto;
			padding: 0 24px;
		}

		section {
			padding: 84px 0;
		}

		.section-alt {
			background-color: rgba(var(--bg-alt), 1);
		}

		.section-title {
			text-align: center;
			font-size: 32px;
			color: rgba(var(--green-deep), 1);
		}

		.section-subtitle {
			text-align: center;
			max-width: 640px;
			margin: -6px auto 48px auto;
			color: rgba(var(--muted), 1);
			font-size: 17px;
		}

		.accent {
			color: rgba(var(--green), 1);
		}

		.script {
			font-family: var(--font-script);
			letter-spacing: 0.5px;
		}

		/* ---------- Placeholder ---------- */
		.placeholder {
			border: 2px dashed rgba(var(--green), 0.55);
			background-color: rgba(var(--bg-alt), 1);
			border-radius: 10px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			color: rgba(var(--muted), 1);
			font-size: 15px;
			letter-spacing: 0.3px;
			gap: 10px;
			padding: 30px;
		}

		.placeholder svg {
			opacity: 0.55;
			color: rgba(var(--green), 1);
		}

		.placeholder-label {
			text-transform: uppercase;
			font-size: 12px;
			letter-spacing: 1.5px;
			font-weight: 700;
			color: rgba(var(--green), 0.95);
		}

		.placeholder-sub {
			font-size: 13px;
			max-width: 320px;
		}

		/* ---------- Hero ---------- */
		.hero {
			background-color: rgba(var(--mint), 1);
			background-image: radial-gradient(circle at 50% -20%, rgba(var(--green), 0.12), transparent 62%);
			color: rgba(var(--ink), 1);
			text-align: center;
			padding: 88px 0 76px 0;
		}

		.hero .eyebrow {
			display: inline-block;
			font-size: 13px;
			letter-spacing: 3px;
			text-transform: uppercase;
			color: rgba(var(--green), 1);
			margin-bottom: 22px;
			font-weight: 700;
		}

		.hero h1 {
			font-size: 44px;
			font-weight: 800;
			color: rgba(var(--green-deep), 1);
			max-width: 860px;
			margin: 0 auto;
		}

		.hero h1 .accent {
			color: rgba(var(--green), 1);
		}

		.hero .subtitle {
			max-width: 720px;
			margin: 26px auto 0 auto;
			font-size: 19px;
			font-weight: 400;
			color: rgba(var(--ink), 0.72);
		}

		.hero .divider {
			width: 72px;
			height: 3px;
			background-color: rgba(var(--green), 1);
			border-radius: 3px;
			margin: 30px auto 0 auto;
		}

		/* ---------- Video ---------- */
		.video-wrapper {
			position: relative;
			aspect-ratio: 16/9;
			width: 100%;
		}

		.video-wrapper .placeholder {
			width: 100%;
			height: 100%;
		}

		.video-play-btn {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 78px;
			height: 78px;
			border-radius: 50%;
			background-color: rgba(var(--green), 0.95);
			border: 3px solid rgba(var(--white), 0.95);
			color: rgba(var(--white), 1);
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 12px 30px rgba(var(--green-deep), 0.4);
			pointer-events: none;
		}

		.video-play-btn svg {
			margin-left: 4px;
		}

		/* ---------- Buttons ---------- */
		.btn {
			display: inline-block;
			background-color: rgba(var(--green), 1);
			color: rgba(var(--white), 1) !important;
			font-family: var(--font-body);
			font-weight: 700;
			letter-spacing: 0.5px;
			text-transform: uppercase;
			font-size: 15px;
			padding: 19px 46px;
			border-radius: 8px;
			border: 2px solid rgba(var(--green), 1);
			box-shadow: 0 10px 24px rgba(var(--green), 0.28);
			transition: background-color .22s ease, transform .22s ease, box-shadow .22s ease;
		}

		.btn:hover {
			background-color: rgba(var(--green-deep), 1);
			border-color: rgba(var(--green-deep), 1);
			transform: translateY(-2px);
			box-shadow: 0 14px 30px rgba(var(--green-deep), 0.32);
		}

		.btn-section {
			text-align: center;
		}

		.btn-note {
			margin: 18px auto 0 auto;
			max-width: 520px;
			font-size: 14px;
			color: rgba(var(--muted), 1);
		}

		/* CTA osadzone w treści sekcji */
		.inline-cta {
			text-align: center;
			margin-top: 48px;
		}

		/* kotwica kalendarza - zapas nad sekcją przy przewijaniu */
		#kalendarz {
			scroll-margin-top: 24px;
		}

		/* pilność */
		.urgency {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			margin: 26px auto 0 auto;
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--green), 0.3);
			border-radius: 100px;
			padding: 10px 24px;
			font-size: 14px;
			font-weight: 600;
			color: rgba(var(--green-deep), 1);
		}

		.urgency svg {
			color: rgba(var(--green), 1);
			flex: 0 0 auto;
		}

		/* nagłówek-obietnica nad kalendarzem (dwie linie) */
		.promise-title {
			text-align: center;
			max-width: 1040px;
			margin: 0 auto 40px auto;
			font-size: 28px;
			line-height: 1.38;
			color: rgba(var(--green-deep), 1);
			text-wrap: initial;
		}

		@media (max-width: 900px) {
			.promise-title {
				font-size: 22px;
			}
		}

		@media (max-width: 560px) {
			.promise-title {
				font-size: 19px;
				margin-bottom: 30px;
			}
		}

		/* ---------- Sticky CTA (tylko mobile) ---------- */
		.sticky-cta {
			display: none;
		}

		@media (max-width: 760px) {
			.sticky-cta {
				display: block;
				position: fixed;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 60;
				padding: 12px 16px;
				padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
				background: rgba(255, 255, 255, 0.97);
				backdrop-filter: blur(6px);
				border-top: 1px solid rgba(var(--line), 1);
				box-shadow: 0 -6px 20px rgba(var(--green-deep), 0.12);
				transform: translateY(130%);
				transition: transform .28s ease;
			}

			.sticky-cta.is-visible {
				transform: translateY(0);
			}

			.sticky-cta .btn {
				display: block;
				width: 100%;
				padding: 16px 18px;
				font-size: 13.5px;
				box-shadow: none;
			}
		}

		/* ---------- Belief / problem ---------- */
		.lead {
			max-width: 760px;
			margin: 0 auto;
			font-size: 18px;
			color: rgba(var(--ink), 0.92);
		}

		.lead p {
			margin-bottom: 22px;
		}

		.lead strong {
			color: rgba(var(--green-deep), 1);
			font-weight: 700;
		}

		/* ---------- Mechanism / benefits ---------- */
		.mechanism-badge {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			background: rgba(var(--green), 0.1);
			color: rgba(var(--green-deep), 1);
			border: 1px solid rgba(var(--green), 0.3);
			border-radius: 100px;
			padding: 8px 20px;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			margin-bottom: 20px;
		}

		/* ---------- Wyróżnione zdanie (pull-quote) ---------- */
		.pullquote {
			max-width: 660px;
			margin: 56px auto;
			padding: 30px 32px;
			text-align: center;
			font-family: var(--font-heading);
			font-size: 23px;
			font-weight: 700;
			line-height: 1.42;
			letter-spacing: -0.2px;
			color: rgba(var(--green-deep), 1);
			background: rgba(var(--mint), 0.7);
			border-top: 2px solid rgba(var(--green), 0.35);
			border-bottom: 2px solid rgba(var(--green), 0.35);
			text-wrap: balance;
		}

		.pullquote .accent {
			color: rgba(var(--green), 1);
		}

		@media (max-width: 760px) {
			.pullquote {
				font-size: 19px;
				margin: 40px auto;
				padding: 24px 20px;
			}
		}

		.benefit-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 26px;
			margin-top: 12px;
		}

		.benefit {
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--line), 1);
			border-radius: 12px;
			padding: 28px 28px 24px 28px;
			box-shadow: 0 6px 18px rgba(var(--green-deep), 0.05);
		}

		.benefit-icon {
			width: 44px;
			height: 44px;
			border-radius: 10px;
			background: rgba(var(--green), 0.12);
			color: rgba(var(--green), 1);
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 16px;
		}

		.benefit h3 {
			font-size: 19px;
			margin-bottom: 8px;
			color: rgba(var(--green-deep), 1);
		}

		.benefit p {
			margin: 0;
			font-size: 15.5px;
			color: rgba(var(--ink), 0.85);
		}

		/* ---------- Cost of inertia ---------- */
		.cost-box {
			max-width: 720px;
			margin: 0 auto;
			background: rgba(var(--mint), 1);
			border: 1px solid rgba(var(--green), 0.25);
			color: rgba(var(--ink), 1);
			border-radius: 16px;
			padding: 44px 40px;
			text-align: center;
		}

		.cost-box h2 {
			color: rgba(var(--green-deep), 1);
			font-size: 27px;
		}

		.cost-numbers {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;
			margin: 28px 0 8px 0;
		}

		.cost-item {
			flex: 1 1 180px;
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--line), 1);
			border-radius: 12px;
			padding: 22px 16px;
		}

		.cost-item .num {
			font-size: 34px;
			font-weight: 800;
			color: rgba(var(--green), 1);
			display: block;
			line-height: 1.1;
			margin-bottom: 6px;
		}

		.cost-item .lbl {
			font-size: 14px;
			color: rgba(var(--muted), 1);
		}

		.cost-box p {
			color: rgba(var(--ink), 0.8);
			font-size: 16px;
			margin: 18px auto 0 auto;
			max-width: 560px;
		}

		/* ---------- Case study ---------- */
		.case-video {
			aspect-ratio: 9/16;
			max-width: 300px;
			margin: 0 auto;
		}

		/* ---------- Testimonials (kafelki) ---------- */
		.testimonial-grid {
			column-count: 3;
			column-gap: 24px;
		}

		.tcard {
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--line), 1);
			border-radius: 16px;
			padding: 28px 26px;
			margin-bottom: 24px;
			box-shadow: 0 10px 26px rgba(var(--green-deep), 0.06);
			break-inside: avoid;
		}

		.tcard-head {
			display: flex;
			align-items: center;
			gap: 14px;
			margin-bottom: 16px;
		}

		.tcard-avatar {
			width: 52px;
			height: 52px;
			border-radius: 50%;
			background: rgba(var(--green-deep), 1);
			color: rgba(var(--white), 1);
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 700;
			font-size: 20px;
			flex: 0 0 auto;
		}

		.tcard-name {
			font-weight: 700;
			font-size: 17px;
			color: rgba(var(--ink), 1);
		}

		.tcard-stars {
			color: rgba(var(--olive), 1);
			letter-spacing: 3px;
			font-size: 18px;
			margin-bottom: 14px;
		}

		.tcard-text {
			margin: 0;
			font-size: 15.5px;
			color: rgba(var(--ink), 0.82);
			line-height: 1.6;
		}

		.tcard.is-placeholder {
			border-style: dashed;
			border-color: rgba(var(--green), 0.5);
			background: rgba(var(--bg-alt), 1);
		}

		.tcard.is-placeholder .tcard-avatar {
			background: rgba(var(--green), 0.25);
			color: rgba(var(--green-deep), 1);
		}

		.tcard.is-placeholder .tcard-text,
		.tcard.is-placeholder .tcard-name {
			color: rgba(var(--muted), 1);
		}

		@media (max-width: 900px) {
			.testimonial-grid {
				column-count: 2;
			}
		}

		/* ---------- Bio ---------- */
		.bio-container {
			max-width: 1000px;
			margin: 0 auto;
			padding: 0 24px;
		}

		.bio-grid {
			display: grid;
			grid-template-columns: 1.15fr 0.85fr;
			grid-template-areas:
				"header photo"
				"body photo";
			column-gap: 60px;
			row-gap: 20px;
			align-items: start;
		}

		.bio-header {
			grid-area: header;
		}

		.bio-body {
			grid-area: body;
		}

		.bio-header h2 {
			font-size: 26px;
			color: rgba(var(--green-deep), 1);
		}

		.bio-name {
			font-family: var(--font-script);
			color: rgba(var(--green), 1);
			font-size: 52px;
			font-weight: 400;
			line-height: 1.1;
			margin: 0 0 10px 0;
		}

		.bio-body p {
			font-size: 16px;
			color: rgba(var(--ink), 0.9);
		}

		.bio-photo {
			grid-area: photo;
			position: sticky;
			top: 40px;
			align-self: start;
		}

		.bio-photo .placeholder {
			aspect-ratio: 3/4;
			border-radius: 14px;
		}

		/* ---------- Final CTA ---------- */
		.final-cta {
			background-color: rgba(var(--mint), 1);
			background-image: radial-gradient(circle at 50% 130%, rgba(var(--green), 0.12), transparent 60%);
			color: rgba(var(--ink), 1);
			text-align: center;
		}

		.final-cta h2 {
			color: rgba(var(--green-deep), 1);
			font-size: 34px;
			max-width: 720px;
			margin-left: auto;
			margin-right: auto;
		}

		.final-cta .subtitle {
			max-width: 640px;
			margin: 0 auto 14px auto;
			font-size: 18px;
			color: rgba(var(--ink), 0.72);
		}

		/* ---------- Footer ---------- */
		footer {
			background-color: rgba(var(--mint), 1);
			color: rgba(var(--muted), 1);
			text-align: center;
			padding: 30px 0;
			font-size: 13px;
			border-top: 1px solid rgba(var(--line), 1);
		}

		/* ---------- Responsive ---------- */
		@media (max-width: 760px) {
			section {
				padding: 58px 0;
			}

			.hero {
				padding: 60px 0 52px 0;
			}

			.hero h1 {
				font-size: 31px;
			}

			.hero .subtitle {
				font-size: 17px;
			}

			.section-title {
				font-size: 26px;
			}

			.benefit-grid {
				grid-template-columns: 1fr;
			}

			.bio-grid {
				grid-template-columns: 1fr;
				grid-template-areas:
					"header"
					"photo"
					"body";
			}

			.bio-photo {
				position: static;
				max-width: 320px;
				margin: 0 auto;
			}

			.bio-name {
				font-size: 42px;
			}

			.final-cta h2 {
				font-size: 27px;
			}

			.cost-box {
				padding: 34px 24px;
			}
		}

		@media (max-width: 560px) {
			.testimonial-grid {
				column-count: 1;
			}

			.btn {
				padding: 17px 30px;
				font-size: 14px;
			}
		}

		/* ================= DODANE W AUDYCIE ================= */

		/* --- podpis pod odtwarzaczem --- */
		.video-caption {
			text-align: center;
			font-size: 14px;
			color: rgba(var(--muted), 1);
			margin: 16px auto 0 auto;
			max-width: 560px;
		}

		/* --- click trigger pod przyciskiem --- */
		.click-trigger {
			margin: 16px auto 0 auto;
			max-width: 560px;
			font-size: 14px;
			color: rgba(var(--muted), 1);
			text-align: center;
		}

		/* --- lista fascynacji "co odkryjesz" --- */
		.fascinations {
			max-width: 760px;
			margin: 0 auto;
			padding: 0;
			list-style: none;
		}

		.fascinations li {
			position: relative;
			padding: 0 0 0 44px;
			margin-bottom: 22px;
			font-size: 17.5px;
			color: rgba(var(--ink), 0.9);
			line-height: 1.6;
		}

		.fascinations li::before {
			content: "";
			position: absolute;
			left: 0;
			top: 3px;
			width: 26px;
			height: 26px;
			border-radius: 50%;
			background: rgba(var(--green), 0.12);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300984D' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
			background-size: 15px 15px;
			background-position: center;
			background-repeat: no-repeat;
		}

		.offer-transparency {
			max-width: 760px;
			margin: 40px auto 0 auto;
			background: rgba(var(--mint), 1);
			border: 1px solid rgba(var(--green), 0.25);
			border-radius: 14px;
			padding: 26px 30px;
			font-size: 16px;
			color: rgba(var(--ink), 0.88);
		}

		.offer-transparency p:last-child {
			margin-bottom: 0;
		}

		/* --- agenda rozmowy (stos wartości) --- */
		.agenda-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 24px;
			margin-top: 8px;
		}

		.agenda-item {
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--line), 1);
			border-radius: 14px;
			padding: 28px 26px;
			box-shadow: 0 6px 18px rgba(var(--green-deep), 0.05);
		}

		.agenda-num {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 34px;
			height: 34px;
			border-radius: 50%;
			background: rgba(var(--green), 1);
			color: rgba(var(--white), 1);
			font-weight: 800;
			font-size: 15px;
			margin-bottom: 14px;
		}

		.agenda-item h3 {
			font-size: 18px;
			margin-bottom: 8px;
			color: rgba(var(--green-deep), 1);
		}

		.agenda-item p {
			margin: 0;
			font-size: 15.5px;
			color: rgba(var(--ink), 0.85);
		}

		.fit-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 24px;
			max-width: 860px;
			margin: 40px auto 0 auto;
		}

		.fit-box {
			border-radius: 14px;
			padding: 26px 28px;
			border: 1px solid rgba(var(--line), 1);
			background: rgba(var(--white), 1);
		}

		.fit-box h3 {
			font-size: 17px;
			margin-bottom: 14px;
			color: rgba(var(--green-deep), 1);
		}

		.fit-box ul {
			margin: 0;
			padding-left: 20px;
			font-size: 15.5px;
			color: rgba(var(--ink), 0.85);
		}

		.fit-box li {
			margin-bottom: 8px;
		}

		.fit-box.is-no {
			background: rgba(var(--bg-alt), 1);
		}

		/* --- sekcja uczciwości zamiast opinii --- */
		.honest-box {
			max-width: 760px;
			margin: 0 auto;
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--green), 0.28);
			border-left: 4px solid rgba(var(--green), 1);
			border-radius: 14px;
			padding: 34px 36px;
			font-size: 17px;
			color: rgba(var(--ink), 0.9);
		}

		.honest-box p:last-child {
			margin-bottom: 0;
		}

		/* --- gwarancja / brak presji --- */
		.guarantee-box {
			max-width: 720px;
			margin: 0 auto;
			background: rgba(var(--mint), 1);
			border: 1px solid rgba(var(--green), 0.3);
			border-radius: 16px;
			padding: 44px 40px;
			text-align: center;
		}

		.guarantee-badge {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			background: rgba(var(--white), 1);
			border: 1px solid rgba(var(--green), 0.35);
			border-radius: 100px;
			padding: 8px 20px;
			font-size: 12.5px;
			font-weight: 700;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			color: rgba(var(--green-deep), 1);
			margin-bottom: 20px;
		}

		.guarantee-box h2 {
			font-size: 26px;
			color: rgba(var(--green-deep), 1);
		}

		.guarantee-box p {
			font-size: 16.5px;
			color: rgba(var(--ink), 0.85);
			max-width: 560px;
			margin: 0 auto 16px auto;
		}

		.guarantee-box p:last-child {
			margin-bottom: 0;
		}

		/* --- FAQ --- */
		.faq-list {
			max-width: 760px;
			margin: 0 auto;
		}

		.faq-item {
			border: 1px solid rgba(var(--line), 1);
			border-radius: 12px;
			background: rgba(var(--white), 1);
			margin-bottom: 14px;
			overflow: hidden;
		}

		.faq-item summary {
			cursor: pointer;
			list-style: none;
			padding: 22px 56px 22px 26px;
			font-weight: 700;
			font-size: 17px;
			color: rgba(var(--green-deep), 1);
			position: relative;
		}

		.faq-item summary::-webkit-details-marker {
			display: none;
		}

		.faq-item summary::after {
			content: "+";
			position: absolute;
			right: 24px;
			top: 50%;
			transform: translateY(-50%);
			font-size: 26px;
			font-weight: 600;
			line-height: 1;
			color: rgba(var(--green), 1);
		}

		.faq-item[open] summary::after {
			content: "–";
		}

		.faq-answer {
			padding: 0 26px 24px 26px;
			font-size: 16px;
			color: rgba(var(--ink), 0.85);
		}

		.faq-answer p:last-child {
			margin-bottom: 0;
		}

		/* --- disclaimer wyników --- */
		.disclaimer {
			max-width: 720px;
			margin: 28px auto 0 auto;
			font-size: 13px;
			line-height: 1.6;
			color: rgba(var(--muted), 1);
			text-align: center;
		}

		/* --- blok do uzupełnienia (USUŃ PRZED PUBLIKACJĄ) --- */
		.todo {
			max-width: 760px;
			margin: 28px auto 0 auto;
			border: 2px dashed rgba(var(--green), 0.55);
			background: rgba(var(--bg-alt), 1);
			border-radius: 12px;
			padding: 22px 26px;
			font-size: 14.5px;
			color: rgba(var(--muted), 1);
		}

		.todo strong {
			color: rgba(var(--green-deep), 1);
		}

		/* --- stopka compliance --- */
		footer .footer-nav {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 10px 26px;
			margin-bottom: 22px;
		}

		footer .footer-nav a {
			color: rgba(var(--green-deep), 1);
			font-weight: 600;
			font-size: 13.5px;
			border-bottom: 1px solid rgba(var(--green), 0.4);
			padding-bottom: 2px;
		}

		footer .footer-nav a:hover {
			color: rgba(var(--green), 1);
		}

		footer .footer-legal {
			max-width: 760px;
			margin: 0 auto;
			font-size: 12.5px;
			line-height: 1.7;
		}

		footer .footer-legal p {
			margin: 0 0 10px 0;
		}

		@media (max-width: 900px) {
			.agenda-grid {
				grid-template-columns: 1fr;
			}
		}

		@media (max-width: 760px) {
			.fit-grid {
				grid-template-columns: 1fr;
			}

			.honest-box,
			.guarantee-box {
				padding: 28px 22px;
			}

			.fascinations li {
				font-size: 16.5px;
				padding-left: 38px;
			}
		}

/* ---------- Znaczek potwierdzenia (strony z podziękowaniem) ---------- */
.check-badge {
	margin: 0 auto 24px auto;
	line-height: 0;
}

.check-badge svg {
	display: block;
	margin: 0 auto;
}

@media (max-width: 560px) {
	.check-badge svg {
		width: 72px;
		height: 72px;
	}
}