/*
	 * Geometria nie czeka na JavaScript ani na żaden atrybut „ready”.
	 * Te reguły od razu przebijają starszy układ 16:5.
	 */
	html body .syn-studio-catalog--dashv2.syn-studio-catalog--dashv2
	.syn-studio-catalog__grid.syn-studio-catalog__grid {
		position: relative !important;
		left: 50% !important;
		display: grid !important;
		grid-template-columns: var(
			--syn-force-grid-columns,
			repeat(auto-fit, minmax(min(100%, 360px), 1fr))
		) !important;
		justify-content: center !important;
		justify-items: center !important;
		align-items: start !important;
		gap: var(--syn-force-grid-gap, clamp(18px, 2.8vw, 28px)) !important;
		width: min(100%, 1120px) !important;
		max-width: 1120px !important;
		margin: 0 !important;
		padding: var(--syn-force-grid-padding, 0) !important;
		overflow: visible !important;
		list-style: none !important;
		transform: translateX(-50%) !important;
	}

	html body .syn-studio-catalog--dashv2
	.syn-studio-catalog__grid > .syn-studio-catalog__item,
	html body .syn-studio-catalog--dashv2
	.syn-studio-catalog__grid > .syn-studio-course,
	html body .syn-studio-catalog--dashv2 .syn-studio-compact-card,
	html body .syn-studio-catalog--dashv2 .syn-force-v6-card {
		position: relative !important;
		width: 100% !important;
		max-width: var(--syn-force-card-max, 548px) !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 16 / 9 !important;
		margin: var(--syn-force-card-margin, 0) !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		list-style: none !important;
	}

	html body .syn-studio-catalog--dashv2 .syn-studio-course__shell,
	html body .syn-studio-catalog--dashv2 .syn-card__shell,
	html body .syn-studio-catalog--dashv2 .syn-studio-compact-shell,
	html body .syn-studio-catalog--dashv2 .syn-force-v6-shell {
		position: relative !important;
		display: block !important;
		isolation: isolate !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 16 / 9 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		background: #19151d !important;
		border: 1px solid rgba(45, 35, 50, 0.12) !important;
		border-radius: 18px !important;
		box-shadow:
			0 16px 42px rgba(29, 21, 33, 0.10),
			0 2px 8px rgba(29, 21, 33, 0.05) !important;
		transform: translateZ(0) !important;
		transition:
			transform 260ms cubic-bezier(0.2, 0.7, 0.2, 1),
			box-shadow 260ms ease,
			border-color 260ms ease !important;
	}

	/* Stary przełącznik i stary badge zostają w DOM, ale nie są widoczne. */
	html body [data-syn-force-v6="1"] .syn-studio-compact-switch,
	html body [data-syn-force-v6="1"] .syn-studio-catalog__tabs,
	html body [data-syn-force-v6="1"] .syn-studio-catalog__filters,
	html body [data-syn-force-v6="1"] .syn-studio-catalog__switcher,
	html body [data-syn-force-v6="1"] .syn-studio-compact-status,
	html body [data-syn-force-v6="1"] .syn-force-v4-tabs,
	html body [data-syn-force-v6="1"] .syn-force-v4-status,
	html body [data-syn-force-v6="1"] .syn-force-v5-tabs,
	html body [data-syn-force-v6="1"] .syn-force-v5-status {
		display: none !important;
	}

	/* Liczniki z nagłówka katalogu są całkowicie usunięte. */
	html body .syn-force-v6-counter,
	html body .syn-force-v6-counter-group,
	html body [data-syn-force-counter-hidden="1"],
	html body [data-syn-force-v6="1"] .syn-studio-catalog__stats,
	html body [data-syn-force-v6="1"] .syn-studio-catalog__counters,
	html body [data-syn-force-v6="1"] .syn-studio-catalog__metrics,
	html body [data-syn-force-v6="1"] .syn-studio-catalog__summary-badges,
	html body [data-syn-force-v6="1"] [data-course-stats] {
		display: none !important;
	}

	/* Oryginalny biały nagłówek jest ukrywany; jego rolę przejmuje tekst w hero. */
	html body .syn-force-v6-intro-source {
		display: none !important;
	}

	/*
	 * Osobny hero nad katalogiem: pełna szerokość jak na stronie głównej,
	 * spokojna grafika z bezpieczną strefą tekstową po lewej stronie.
	 * Karty kursów poniżej pozostają bez zmian.
	 */
	html body [data-syn-force-v6="1"] .syn-force-v6-hero {
		position: relative !important;
		left: 50% !important;
		display: block !important;
		isolation: isolate !important;
		width: 100vw !important;
		max-width: none !important;
		height: clamp(320px, 34.375vw, 660px) !important;
		min-height: 320px !important;
		max-height: none !important;
		margin:
			calc(0px - var(--syn-force-v6-hero-top-gap, 0px))
			0 clamp(24px, 4vw, 42px) !important;
		padding: 0 !important;
		overflow: hidden !important;
		background: #19151d !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: translateX(-50%) !important;
	}

	/*
	 * Baner 1922 x 818 ma wolną przestrzeń po lewej, a karty po prawej.
	 * Cover wypełnia hero, zaś tekst HTML pozostaje ostry i responsywny.
	 */
	html body [data-syn-force-v6="1"] .syn-force-v6-hero::before {
		content: none !important;
		display: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hero::after {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		background-image:
			url("https://projektsynapse.pl/wp-content/uploads/2026/07/wa.png") !important;
		background-position: center center !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		filter: none !important;
		transform: none !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hero__content {
		position: absolute !important;
		left: clamp(34px, 4.25vw, 82px) !important;
		top: clamp(54px, 6.15vw, 118px) !important;
		z-index: 2 !important;
		display: block !important;
		box-sizing: border-box !important;
		width: min(34vw, 620px) !important;
		max-width: calc(100% - 68px) !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #2f2731 !important;
		font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif !important;
		text-align: left !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hero__title {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #2b2230 !important;
		font: 700 clamp(32px, 3vw, 56px)/1.08 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: -0.035em !important;
		text-wrap: balance !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hero__title::after {
		content: "" !important;
		display: block !important;
		width: clamp(44px, 3.2vw, 62px) !important;
		height: 3px !important;
		margin: clamp(16px, 1.4vw, 26px) 0 clamp(18px, 1.6vw, 30px) !important;
		border-radius: 999px !important;
		background: #6e3972 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hero__subtitle {
		display: block !important;
		width: 100% !important;
		max-width: 600px !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #3f363e !important;
		font: 450 clamp(13.5px, 1.02vw, 19px)/1.62 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: -0.006em !important;
		text-wrap: pretty !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tabs {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		width: fit-content !important;
		max-width: calc(100% - 24px) !important;
		margin: 0 auto 22px !important;
		padding: 5px !important;
		overflow: visible !important;
		border: 1px solid #e5dee7 !important;
		border-radius: 999px !important;
		background: #f3eff4 !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tabs::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab {
		appearance: none !important;
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		min-width: 132px !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 9px 16px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: transparent !important;
		color: #716875 !important;
		box-shadow: none !important;
		font: 700 14px/1.2 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: 0.005em !important;
		white-space: nowrap !important;
		cursor: pointer !important;
		transition: color 180ms ease, background 180ms ease, box-shadow 180ms ease !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab__label {
		display: inline-block !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab__count {
		display: inline-grid !important;
		place-items: center !important;
		min-width: 23px !important;
		height: 23px !important;
		padding: 0 6px !important;
		border-radius: 999px !important;
		background: rgba(90, 49, 94, 0.08) !important;
		color: #6b566e !important;
		font: 750 11px/1 "Montserrat", system-ui, sans-serif !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab:focus-visible {
		outline: 3px solid rgba(73, 64, 79, 0.22) !important;
		outline-offset: 2px !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab::after {
		content: none !important;
		display: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab[aria-selected="true"] {
		border: 0 !important;
		background: #ffffff !important;
		color: #2b222e !important;
		box-shadow:
			0 5px 14px rgba(48, 35, 52, 0.09),
			inset 0 0 0 1px rgba(86, 65, 91, 0.08) !important;
		font-weight: 750 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-tab[aria-selected="true"] .syn-force-v6-tab__count {
		background: #6b566e !important;
		color: #ffffff !important;
	}

	/*
	 * Kompaktowy przegląd dwóch kursów. Oba są widoczne od razu,
	 * a cienka linia reaguje na najechanie bez zajmowania miejsca.
	 */
	html body [data-syn-force-v6="1"] .syn-force-v7-showcase {
		position: relative !important;
		left: 50% !important;
		display: block !important;
		width: min(calc(100vw - 40px), 1120px) !important;
		max-width: 1120px !important;
		margin: 0 !important;
		padding: 0 0 18px !important;
		transform: translateX(-50%) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v7-catalog-main {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		min-width: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-tabs {
		display: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-card::before,
	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-card::after {
		content: "" !important;
		position: absolute !important;
		left: 18px !important;
		right: 18px !important;
		bottom: -12px !important;
		z-index: 7 !important;
		display: block !important;
		height: 2px !important;
		border-radius: 999px !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-card::before {
		background: #e4dde5 !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-card::after {
		background: linear-gradient(90deg, #6e3972, #b68cba) !important;
		box-shadow: 0 0 14px rgba(110, 57, 114, 0.22) !important;
		transform: scaleX(0) !important;
		transform-origin: center !important;
		transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-card:hover::after,
	html body [data-syn-force-v6="1"][data-syn-force-mode="overview"]
	.syn-force-v6-card:focus-within::after {
		transform: scaleX(1) !important;
	}

	/*
	 * Dwa kursy tworzą spokojne, pionowe drzewo: pierwsza karta jest
	 * po lewej, druga niżej po prawej. Pień pozostaje neutralny,
	 * a po najechaniu podświetla się wyłącznie właściwa odnoga.
	 */
	html body .syn-force-v12-tree-trunk {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-tabs {
		display: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v7-showcase {
		width: min(calc(100vw - 40px), 920px) !important;
		max-width: 920px !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-hero {
		margin-bottom: 28px !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-studio-catalog__grid {
		--syn-force-tree-gap: clamp(60px, 5vw, 72px);
		--syn-force-tree-branch: clamp(30px, 2.5vw, 36px);
		--syn-force-grid-columns:
			minmax(0, 1fr) var(--syn-force-tree-gap) minmax(0, 1fr);
		--syn-force-grid-gap: clamp(20px, 1.5vw, 24px) 0;
		--syn-force-grid-padding: 8px 0 20px;
		--syn-force-card-max: 400px;
		grid-auto-flow: row !important;
		grid-auto-rows: auto !important;
		align-items: center !important;
		isolation: isolate !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v12-tree-trunk {
		position: absolute !important;
		left: 50% !important;
		top: var(--syn-force-tree-start, 0px) !important;
		z-index: 0 !important;
		display: block !important;
		width: 1.5px !important;
		height: var(--syn-force-tree-length, 0px) !important;
		background: #cbbdcd !important;
		border-radius: 999px !important;
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66) !important;
		transform: translateX(-50%) !important;
		transition: background 240ms ease, box-shadow 240ms ease !important;
		pointer-events: none !important;
	}

	@supports selector(:has(*)) {
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-studio-catalog__grid:has(.syn-force-v6-card:hover) .syn-force-v12-tree-trunk,
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-studio-catalog__grid:has(.syn-force-v6-card:focus-within) .syn-force-v12-tree-trunk {
			background: #aa91ad !important;
			box-shadow: 0 0 8px rgba(113, 64, 111, 0.12) !important;
		}
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index] {
		position: relative !important;
		z-index: 1 !important;
		align-self: center !important;
		isolation: isolate !important;
		overflow: visible !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index="1"] {
		grid-column: 1 !important;
		grid-row: 1 !important;
		justify-self: end !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index="2"] {
		--syn-force-card-margin: clamp(-108px, -7vw, -68px) 0 0;
		grid-column: 3 !important;
		grid-row: 2 !important;
		justify-self: start !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index] .syn-force-v6-shell {
		position: relative !important;
		z-index: 2 !important;
	}

	/* Szara odnoga i nakładana na nią aktywna odnoga wraz z węzłem. */
	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index]::before,
	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index]::after {
		content: "" !important;
		position: absolute !important;
		top: 50% !important;
		bottom: auto !important;
		z-index: 1 !important;
		display: block !important;
		width: calc(var(--syn-force-tree-branch) + 8px) !important;
		height: 14px !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index="1"]::before {
		left: 100% !important;
		right: auto !important;
		background:
			radial-gradient(circle at calc(100% - 8px) 50%, #ffffff 0 3px, #917b95 3.5px 5.5px, transparent 6px),
			linear-gradient(90deg, #cbbdcd, #cbbdcd) left 50% / calc(100% - 8px) 1.5px no-repeat !important;
		transform: translateY(-50%) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index="2"]::before {
		left: auto !important;
		right: 100% !important;
		background:
			radial-gradient(circle at 8px 50%, #ffffff 0 3px, #917b95 3.5px 5.5px, transparent 6px),
			linear-gradient(90deg, #cbbdcd, #cbbdcd) right 50% / calc(100% - 8px) 1.5px no-repeat !important;
		transform: translateY(-50%) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index="1"]::after {
		left: 100% !important;
		right: auto !important;
		background:
			radial-gradient(circle at calc(100% - 8px) 50%, #ffffff 0 2.5px, #71406f 3px 5.5px, transparent 6px),
			linear-gradient(90deg, #9a6b98, #71406f) left 50% / calc(100% - 8px) 2px no-repeat !important;
		filter: drop-shadow(0 0 6px rgba(113, 64, 111, 0.28)) !important;
		transform: translateY(-50%) scaleX(0) !important;
		transform-origin: left center !important;
		transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index="2"]::after {
		left: auto !important;
		right: 100% !important;
		background:
			radial-gradient(circle at 8px 50%, #ffffff 0 2.5px, #71406f 3px 5.5px, transparent 6px),
			linear-gradient(90deg, #71406f, #9a6b98) right 50% / calc(100% - 8px) 2px no-repeat !important;
		filter: drop-shadow(0 0 6px rgba(113, 64, 111, 0.28)) !important;
		transform: translateY(-50%) scaleX(0) !important;
		transform-origin: right center !important;
		transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index]:hover::after,
	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card[data-syn-force-tree-index]:focus-within::after {
		transform: translateY(-50%) scaleX(1) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card:hover .syn-force-v6-shell,
	html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
	.syn-force-v6-card:focus-within .syn-force-v6-shell {
		border-color: rgba(113, 64, 111, 0.32) !important;
		box-shadow:
			0 22px 50px rgba(35, 25, 39, 0.15),
			0 3px 10px rgba(35, 25, 39, 0.07) !important;
		transform: translateZ(0) !important;
	}

	/* Bardzo delikatne światło sceny scala karty w jedną kompozycję. */
	html body .syn-studio-catalog--dashv2[data-syn-force-v6="1"] {
		position: relative !important;
		isolation: isolate !important;
		overflow: visible !important;
	}

	html body .syn-studio-catalog--dashv2[data-syn-force-v6="1"]::before {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		top: 72px !important;
		z-index: -1 !important;
		display: block !important;
		width: min(900px, 86vw) !important;
		height: 380px !important;
		background:
			radial-gradient(circle at 28% 36%, rgba(115, 76, 125, 0.075), transparent 38%),
			radial-gradient(circle at 72% 58%, rgba(184, 116, 142, 0.060), transparent 40%) !important;
		filter: blur(28px) !important;
		transform: translateX(-50%) !important;
		pointer-events: none !important;
	}

	/* Inline display ustawiany przez JS przebija także filtr starego snippetu. */
	html body [data-syn-force-v6="1"] .syn-force-v6-card {
		display: block !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-card[data-syn-force-hidden="1"] {
		display: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-course {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-banner="0"] .syn-force-v6-shell {
		background:
			radial-gradient(circle at 82% 18%, rgba(213, 157, 191, 0.25), transparent 34%),
			radial-gradient(circle at 12% 108%, rgba(117, 78, 133, 0.32), transparent 43%),
			linear-gradient(135deg, #201821 0%, #39283c 58%, #4a3547 100%) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-shell::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 2 !important;
		display: block !important;
		background:
			linear-gradient(
				112deg,
				transparent 0%,
				transparent 41%,
				rgba(255, 255, 255, 0.15) 50%,
				transparent 59%,
				transparent 100%
			) 130% 0 / 240% 100% no-repeat,
			linear-gradient(
				180deg,
				rgba(255, 255, 255, 0.08) 0%,
				transparent 24%,
				transparent 78%,
				rgba(12, 9, 14, 0.06) 100%
			) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
		transition: background-position 680ms cubic-bezier(0.2, 0.72, 0.2, 1) !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-shell::after {
		content: none !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="locked"] .syn-force-v6-shell::after,
	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="expired"] .syn-force-v6-shell::after,
	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="scheduled"] .syn-force-v6-shell::after {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		display: block !important;
		background: linear-gradient(
			135deg,
			rgba(24, 18, 27, 0.14),
			rgba(24, 18, 27, 0.08)
		) !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-media,
	html body [data-syn-force-v6="1"] .syn-force-v6-media > a,
	html body [data-syn-force-v6="1"] .syn-force-v6-media > picture,
	html body [data-syn-force-v6="1"] .syn-force-v6-media > figure,
	html body [data-syn-force-v6="1"] .syn-force-v6-media .syn-studio-course__media,
	html body [data-syn-force-v6="1"] .syn-force-v6-media .syn-card__media {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		background-position: center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transition:
			filter 260ms ease,
			opacity 260ms ease,
			transform 360ms cubic-bezier(0.2, 0.72, 0.2, 1) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-image,
	html body [data-syn-force-v6="1"] .syn-force-v6-media img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: contain !important;
		object-position: center !important;
		background-position: center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		filter: none !important;
		opacity: 1 !important;
		transform: scale(1) translateZ(0) !important;
		transition: transform 420ms cubic-bezier(0.2, 0.72, 0.2, 1) !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="locked"] .syn-force-v6-media {
		filter: grayscale(0.10) saturate(0.72) brightness(0.78) !important;
		opacity: 0.98 !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="expired"] .syn-force-v6-media {
		filter: grayscale(0.34) saturate(0.56) brightness(0.66) !important;
		opacity: 0.96 !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="scheduled"] .syn-force-v6-media {
		filter: grayscale(0.16) saturate(0.76) brightness(0.77) !important;
		opacity: 0.97 !important;
	}

	html body [data-syn-force-v6="1"] .syn-studio-course__body,
	html body [data-syn-force-v6="1"] .syn-card__body,
	html body [data-syn-force-v6="1"] .syn-studio-course__content,
	html body [data-syn-force-v6="1"] .syn-card__content {
		display: contents !important;
	}

	/* Obraz jest całą treścią karty. Tytuł wraca tylko w fallbacku bez grafiki. */
	html body [data-syn-force-v6="1"] .syn-force-v6-card[data-syn-force-banner="1"]
	.syn-studio-course__title,
	html body [data-syn-force-v6="1"] .syn-force-v6-card[data-syn-force-banner="1"]
	.syn-card__title,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__excerpt,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__excerpt,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__description,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__description,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__subtitle,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__subtitle,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__meta,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__meta,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__details,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__details,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__progress,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__progress,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__author,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__author,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__duration,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__duration,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__config-note,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__floating-icon,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-studio-course__icon,
	html body [data-syn-force-v6="1"] .syn-force-v6-card .syn-card__icon,
	html body [data-syn-force-v6="1"] .syn-force-v6-status-source {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		clip-path: inset(50%) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-card[data-syn-force-banner="0"]
	.syn-studio-course__title,
	html body [data-syn-force-v6="1"] .syn-force-v6-card[data-syn-force-banner="0"]
	.syn-card__title {
		position: absolute !important;
		left: 24px !important;
		right: 24px !important;
		bottom: 22px !important;
		z-index: 2 !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		clip: auto !important;
		clip-path: none !important;
		white-space: normal !important;
		color: #fff !important;
		font: 750 20px/1.2 "Montserrat", system-ui, sans-serif !important;
		text-shadow: 0 2px 12px rgba(0, 0, 0, 0.32) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-status {
		position: absolute !important;
		top: 12px !important;
		right: 12px !important;
		bottom: auto !important;
		z-index: 5 !important;
		display: block !important;
		box-sizing: border-box !important;
		width: 18px !important;
		height: 18px !important;
		min-width: 18px !important;
		min-height: 18px !important;
		max-width: 18px !important;
		max-height: 18px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border: 3px solid rgba(255, 255, 255, 0.96) !important;
		border-radius: 50% !important;
		background: #817985 !important;
		color: transparent !important;
		box-shadow:
			0 0 0 4px rgba(18, 13, 21, 0.18),
			0 5px 16px rgba(0, 0, 0, 0.28),
			inset 0 1px 1px rgba(255, 255, 255, 0.42) !important;
		font: 0/0 sans-serif !important;
		white-space: nowrap !important;
		pointer-events: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-status::before {
		content: none !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="active"] .syn-force-v6-status {
		background: #22c55e !important;
		box-shadow:
			0 0 0 4px rgba(34, 197, 94, 0.24),
			0 5px 16px rgba(0, 0, 0, 0.28),
			inset 0 1px 1px rgba(255, 255, 255, 0.42) !important;
	}

	/* Każdy stan bez aktywnego dostępu ma małą czerwoną kropkę. */
	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="locked"] .syn-force-v6-status,
	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="expired"] .syn-force-v6-status,
	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="scheduled"] .syn-force-v6-status {
		background: #ef4444 !important;
		box-shadow:
			0 0 0 4px rgba(239, 68, 68, 0.24),
			0 5px 16px rgba(0, 0, 0, 0.28),
			inset 0 1px 1px rgba(255, 255, 255, 0.42) !important;
	}

	html body [data-syn-force-v6="1"]
	.syn-force-v6-card[data-syn-force-state="active"] .syn-force-v6-shell {
		border-color: rgba(64, 48, 71, 0.22) !important;
		box-shadow:
			0 17px 46px rgba(42, 31, 47, 0.12),
			0 2px 8px rgba(42, 31, 47, 0.05) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-card[data-syn-force-interactive="1"] {
		cursor: pointer !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-card:focus-within .syn-force-v6-shell {
		outline: 3px solid rgba(74, 59, 80, 0.24) !important;
		outline-offset: 4px !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hit {
		position: absolute !important;
		inset: 0 !important;
		z-index: 4 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 18px !important;
		background: transparent !important;
		box-shadow: none !important;
		opacity: 0 !important;
		cursor: pointer !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-hit-host {
		position: static !important;
		display: block !important;
		width: 0 !important;
		height: 0 !important;
		min-width: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		overflow: visible !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-title-hit {
		position: static !important;
		display: inline !important;
		color: inherit !important;
		font: inherit !important;
		text-decoration: none !important;
		opacity: 1 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-title-hit::after {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 4 !important;
		display: block !important;
		border-radius: 18px !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-studio-course__actions a:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-studio-course__actions button:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-card__actions a:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-card__actions button:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-studio-course__footer a:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-studio-course__footer button:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-card__footer a:not(.syn-force-v6-hit),
	html body [data-syn-force-v6="1"] .syn-force-v6-card
	.syn-card__footer button:not(.syn-force-v6-hit) {
		display: none !important;
	}

	@media (hover: hover) and (pointer: fine) {
		html body [data-syn-force-v6="1"] .syn-force-v6-card:hover .syn-force-v6-shell {
			box-shadow:
				0 22px 52px rgba(27, 20, 31, 0.15),
				0 4px 12px rgba(27, 20, 31, 0.06) !important;
			transform: translateY(-4px) translateZ(0) !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-card:hover .syn-force-v6-shell::before {
			background-position: -55% 0, 0 0 !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-card:hover .syn-force-v6-image,
		html body [data-syn-force-v6="1"] .syn-force-v6-card:hover .syn-force-v6-media img {
			transform: scale(1) translateZ(0) !important;
		}

		html body [data-syn-force-v6="1"]
		.syn-force-v6-card[data-syn-force-state="locked"]:hover .syn-force-v6-media {
			filter: grayscale(0.06) saturate(0.78) brightness(0.82) !important;
		}

		 html body [data-syn-force-v6="1"] .syn-force-v6-tab:hover {
			color: #332936 !important;
		}
	}

	@media (max-width: 900px) {
		html body [data-syn-force-v6="1"] .syn-force-v7-showcase {
			width: min(calc(100vw - 32px), 860px) !important;
		}
	}

	@media (max-width: 1100px) {
		html body [data-syn-force-v6="1"] .syn-force-v6-hero__content {
			left: clamp(28px, 4vw, 44px) !important;
			top: clamp(42px, 5vw, 58px) !important;
			width: 36vw !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero__title {
			font-size: clamp(29px, 3.5vw, 40px) !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero__subtitle {
			font-size: 13.5px !important;
			line-height: 1.48 !important;
		}
	}

	@media (max-width: 760px) {
		html body [data-syn-force-v6="1"] .syn-force-v6-hero {
			height: 580px !important;
			min-height: 580px !important;
			max-height: 580px !important;
			aspect-ratio: auto !important;
			background: #eee4da !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero::after {
			inset: auto 0 0 !important;
			height: 310px !important;
			background-position: 70% center !important;
			background-size: cover !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero__content {
			left: 24px !important;
			top: 24px !important;
			width: calc(100% - 48px) !important;
			max-width: none !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero__title {
			font-size: clamp(30px, 8vw, 38px) !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero__title::after {
			margin: 14px 0 16px !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-hero__subtitle {
			font-size: 14px !important;
			line-height: 1.5 !important;
		}

		/* Na telefonie drzewo przechodzi w jedną czytelną ścieżkę po lewej. */
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-studio-catalog__grid {
			--syn-force-grid-columns: 32px minmax(0, 1fr);
			--syn-force-grid-gap: 26px 0;
			--syn-force-grid-padding: 8px 0 20px;
			--syn-force-card-max: none;
			align-items: start !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v12-tree-trunk {
			left: 16px !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index="1"],
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index="2"] {
			--syn-force-card-margin: 0;
			grid-column: 2 !important;
			justify-self: stretch !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index="1"]::before,
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index="2"]::before {
			left: auto !important;
			right: 100% !important;
			width: 24px !important;
			background:
				radial-gradient(circle at 8px 50%, #ffffff 0 3px, #917b95 3.5px 5.5px, transparent 6px),
				linear-gradient(90deg, #cbbdcd, #cbbdcd) right 50% / calc(100% - 8px) 1.5px no-repeat !important;
			transform: translateY(-50%) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index="1"]::after,
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index="2"]::after {
			left: auto !important;
			right: 100% !important;
			width: 24px !important;
			background:
				radial-gradient(circle at 8px 50%, #ffffff 0 2.5px, #71406f 3px 5.5px, transparent 6px),
				linear-gradient(90deg, #71406f, #9a6b98) right 50% / calc(100% - 8px) 2px no-repeat !important;
			transform: translateY(-50%) scaleX(0) !important;
			transform-origin: right center !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index]:hover::after,
		html body [data-syn-force-v6="1"][data-syn-force-mode="timeline"]
		.syn-force-v6-card[data-syn-force-tree-index]:focus-within::after {
			transform: translateY(-50%) scaleX(1) !important;
		}
	}

	@media (max-width: 520px) {
		html body .syn-studio-catalog--dashv2.syn-studio-catalog--dashv2
		.syn-studio-catalog__grid.syn-studio-catalog__grid {
			grid-template-columns: minmax(0, 1fr) !important;
			gap: 14px !important;
			width: 100% !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-tabs {
			gap: 3px !important;
			width: 100% !important;
			max-width: 100% !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-tab {
			flex: 1 1 0 !important;
			min-width: 0 !important;
			min-height: 48px !important;
			padding-inline: 8px !important;
			white-space: normal !important;
			font-size: 12px !important;
			line-height: 1.2 !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v7-showcase {
			width: calc(100vw - 24px) !important;
			gap: 20px !important;
		}

		html body [data-syn-force-v6="1"] .syn-force-v6-status {
			top: 9px !important;
			right: 9px !important;
			bottom: auto !important;
		}

	}

	/*
	 * SYNAPSE STUDIO — KANONICZNY BLOK TŁA I KARTY KURSU
	 *
	 * Ten blok zastępuje wszystkie historyczne warstwy V14.1–V15.8.
	 * Dalsze korekty wykonujemy przez zmianę zmiennych poniżej, bez dopisywania
	 * kolejnych nadpisań na końcu arkusza.
	 */

	/* Tło strony i scena katalogu. */
	html.syn-force-v14-studio-page,
	html.syn-force-v14-studio-page body,
	html body .syn-force-v14-studio-surface {
		background-color: #ffffff !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v7-showcase {
		isolation: isolate !important;
		padding-bottom: clamp(96px, 10vw, 160px) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v7-showcase::before {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		top: clamp(-52px, -3.4vw, -34px) !important;
		bottom: 0 !important;
		z-index: -2 !important;
		display: block !important;
		width: 100vw !important;
		background:
			radial-gradient(circle at 18% 16%, rgba(75, 49, 83, 0.035), transparent 30%),
			linear-gradient(180deg, #ffffff 0%, #fcfafd 100%) !important;
		transform: translateX(-50%) !important;
		pointer-events: none !important;
	}

	/* Nagłówek sekcji kursów. */
	html body [data-syn-force-v6="1"] .syn-force-v14-section-title {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: clamp(14px, 1.8vw, 24px) !important;
		width: min(100%, 860px) !important;
		margin: 0 auto clamp(42px, 4.2vw, 54px) !important;
		padding: 0 16px !important;
		color: #4f4352 !important;
		font: 600 clamp(23px, 2vw, 30px)/1.22 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: 0.075em !important;
		text-align: center !important;
		text-transform: uppercase !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v14-section-title::before,
	html body [data-syn-force-v6="1"] .syn-force-v14-section-title::after {
		content: "" !important;
		flex: 1 1 72px !important;
		display: block !important;
		max-width: 84px !important;
		height: 1px !important;
		background: linear-gradient(90deg, transparent, rgba(93, 79, 95, 0.28)) !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v14-section-title::after {
		background: linear-gradient(90deg, rgba(93, 79, 95, 0.28), transparent) !important;
	}

	html body .syn-force-v14-legacy-course-heading,
	html body [data-syn-force-v6="1"] .syn-force-v14-coming-card,
	html body [data-syn-force-v6="1"] .syn-force-v14-coming-visual {
		display: none !important;
	}

	/*
	 * Główne parametry układu. To jest jedyne miejsce do przyszłych korekt
	 * pionowego rytmu, bez tworzenia nowych wersji reguł.
	 */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"] {
		--syn-course-card-bg: #ead9cc;
		--syn-course-photo-bg: #d8ccc2;
		--syn-course-accent: #71406f;
		--syn-course-line-lift: 15px;
		--syn-course-heading-lift: 21px;
		--syn-course-status-lift: 6px;
		--syn-course-panel-shift: 0px;
		--syn-course-line-gap: clamp(15px, 1.45vw, 18px);
		--syn-course-title-gap: 7px;
		--syn-course-instructor-gap: 8px;
		--syn-course-meta-gap: 18px;
		--syn-course-separator-left: 27px;
		--syn-course-separator-offset: 7px;
		--syn-course-separator-width: 32px;
		--syn-course-separator-color: rgba(113, 64, 111, 0.38);
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"] {
		--syn-course-panel-shift: 10px;
		--syn-course-line-gap: 19px;
		--syn-course-title-gap: 7px;
		--syn-course-instructor-gap: 10px;
		--syn-course-meta-gap: 24px;
		--syn-course-separator-left: 27px;
		--syn-course-separator-offset: 7px;
		--syn-course-separator-width: 32px;
		--syn-course-separator-color: rgba(113, 64, 111, 0.38);
	}

	/* Siatka jednej lub dwóch kart Sessions. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-studio-catalog__grid.syn-studio-catalog__grid {
		--syn-force-grid-columns: minmax(0, min(100%, 520px));
		--syn-force-grid-gap: 0;
		justify-content: center !important;
		justify-items: center !important;
		align-items: start !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"][data-syn-force-session-count="2"]
	.syn-studio-catalog__grid.syn-studio-catalog__grid {
		--syn-force-grid-columns:
			repeat(auto-fit, minmax(min(100%, 480px), 520px));
		--syn-force-grid-gap: clamp(20px, 2.4vw, 28px);
	}

	/* Korpus karty i wspólna beżowa powierzchnia. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card {
		--syn-force-session-card-max: 370px;
		position: relative !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: var(--syn-force-session-card-max) !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"] {
		--syn-force-session-card-max: 520px;
		aspect-ratio: 1 / 1 !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card .syn-force-v6-shell {
		position: relative !important;
		display: grid !important;
		isolation: isolate !important;
		grid-template-rows: auto auto !important;
		box-sizing: border-box !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border: 1px solid rgba(86, 66, 75, 0.11) !important;
		border-radius: clamp(19px, 2vw, 23px) !important;
		background: var(--syn-course-card-bg) !important;
		box-shadow:
			0 16px 38px rgba(43, 31, 46, 0.095),
			0 3px 9px rgba(43, 31, 46, 0.04) !important;
		transform: translateZ(0) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"] .syn-force-v6-shell {
		grid-template-rows: auto minmax(0, 1fr) !important;
		height: 100% !important;
		aspect-ratio: 1 / 1 !important;
	}

	/* Bez połysku i przyciemnienia stanowego — stan pokazuje wyłącznie kropka. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card .syn-force-v6-shell::before,
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card .syn-force-v6-shell::after {
		content: none !important;
		display: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card .syn-force-v6-media {
		filter: none !important;
		opacity: 1 !important;
	}

	/* Hover nie może ponownie włączać filtra stanu z ogólnych reguł katalogu. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
	.syn-force-v6-media {
		filter: none !important;
		opacity: 1 !important;
	}

	/* Pole zdjęcia i prawdziwa ramka obrazu. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card .syn-force-v6-media[data-syn-force-photo-frame="1"] {
		--syn-force-v14-frame-x: clamp(17px, 1.8vw, 19px);
		--syn-force-v14-frame-top: clamp(17px, 1.8vw, 19px);
		--syn-force-v14-frame-bottom: clamp(12px, 1.4vw, 15px);
		position: relative !important;
		isolation: isolate !important;
		box-sizing: border-box !important;
		padding:
			var(--syn-force-v14-frame-top)
			var(--syn-force-v14-frame-x)
			var(--syn-force-v14-frame-bottom) !important;
		overflow: visible !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-photo-frame {
		position: relative !important;
		z-index: 1 !important;
		display: block !important;
		box-sizing: border-box !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 1 / 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border: 0 !important;
		border-radius: clamp(11px, 1.25vw, 14px) !important;
		background: var(--syn-course-photo-bg) !important;
		box-shadow: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
	.syn-force-v14-photo-frame {
		aspect-ratio: 16 / 9 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v14-photo-frame > a,
	html body [data-syn-force-v6="1"] .syn-force-v14-photo-frame > picture,
	html body [data-syn-force-v6="1"] .syn-force-v14-photo-frame > figure,
	html body [data-syn-force-v6="1"] .syn-force-v14-photo-frame > div {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-photo-frame .syn-force-v6-image,
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-photo-frame img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center !important;
		background: var(--syn-course-photo-bg) !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		filter: none !important;
		opacity: 1 !important;
		transform: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
	.syn-force-v14-photo-frame .syn-force-v6-image,
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
	.syn-force-v14-photo-frame img {
		object-fit: contain !important;
		background: var(--syn-course-card-bg) !important;
	}

	/* Kropka stanu dostępu. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v6-status {
		top: calc(clamp(26px, 2.65vw, 30px) - var(--syn-course-status-lift)) !important;
		right: clamp(26px, 2.65vw, 30px) !important;
		bottom: auto !important;
		width: 13px !important;
		height: 13px !important;
		min-width: 13px !important;
		min-height: 13px !important;
		max-width: 13px !important;
		max-height: 13px !important;
		border-width: 2px !important;
		box-shadow: 0 2px 8px rgba(33, 24, 35, 0.22) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v6-card[data-syn-force-state="active"] .syn-force-v6-status {
		box-shadow:
			0 0 0 3px rgba(34, 197, 94, 0.17),
			0 2px 8px rgba(33, 24, 35, 0.18) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v6-card[data-syn-force-state="locked"] .syn-force-v6-status,
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v6-card[data-syn-force-state="expired"] .syn-force-v6-status,
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v6-card[data-syn-force-state="scheduled"] .syn-force-v6-status {
		box-shadow:
			0 0 0 3px rgba(239, 68, 68, 0.16),
			0 2px 8px rgba(33, 24, 35, 0.18) !important;
	}

	/* Panel opisu. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-panel {
		position: relative !important;
		z-index: 3 !important;
		display: flex !important;
		flex-direction: column !important;
		box-sizing: border-box !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 clamp(24px, 2.6vw, 28px) clamp(21px, 2.25vw, 25px) !important;
		overflow: visible !important;
		background: transparent !important;
		color: #302832 !important;
		font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif !important;
		transform: translateY(var(--syn-course-panel-shift)) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
	.syn-force-v13-session-panel {
		height: 100% !important;
		overflow: visible !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-panel::before {
		content: "" !important;
		position: relative !important;
		top: calc(-1 * var(--syn-course-line-lift)) !important;
		flex: 0 0 2px !important;
		display: block !important;
		width: clamp(42px, 4vw, 46px) !important;
		height: 2px !important;
		margin: 0 0 var(--syn-course-line-gap) !important;
		border-radius: 999px !important;
		background: var(--syn-course-accent) !important;
		box-shadow: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-heading {
		position: relative !important;
		top: calc(-1 * var(--syn-course-heading-lift)) !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		align-items: start !important;
		gap: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v14-session-title-group {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: var(--syn-course-title-gap) !important;
		min-width: 0 !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-title {
		display: block !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #302832 !important;
		font: 500 clamp(19px, 1.45vw, 20.5px)/1.2 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: -0.018em !important;
		text-wrap: balance !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v14-session-subtitle {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #665c66 !important;
		font: 400 clamp(17px, 1.4vw, 18px)/1.35 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: -0.008em !important;
	}

	/* Prowadzący i separator sekcji parametrów. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-instructor {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		gap: 7px !important;
		width: 100% !important;
		margin: var(--syn-course-instructor-gap) 0 0 !important;
		padding: 0 !important;
		color: #4f4551 !important;
		font: 500 clamp(12.5px, 1vw, 13.5px)/1.45 "Montserrat", system-ui, sans-serif !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-instructor__icon {
		flex: 0 0 20px !important;
		display: block !important;
		box-sizing: border-box !important;
		width: 20px !important;
		height: 20px !important;
		padding: 3px !important;
		border: 1px solid rgba(95, 76, 98, 0.17) !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.56) !important;
		color: #665468 !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-instructor__text {
		display: block !important;
		min-width: 0 !important;
		white-space: nowrap !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v14-instructor::after {
		content: "" !important;
		position: absolute !important;
		left: var(--syn-course-separator-left) !important;
		top: calc(100% + var(--syn-course-separator-offset)) !important;
		display: block !important;
		width: var(--syn-course-separator-width) !important;
		height: 1px !important;
		border-radius: 999px !important;
		background: var(--syn-course-separator-color) !important;
		pointer-events: none !important;
	}

	/* Parametry kursu. */
	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-meta {
		display: grid !important;
		grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.1fr) minmax(0, 1.6fr) !important;
		align-items: start !important;
		gap: 0 !important;
		width: 100% !important;
		margin: var(--syn-course-meta-gap) 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		list-style: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-meta__item {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		min-width: 0 !important;
		min-height: 24px !important;
		margin: 0 !important;
		padding: 0 5px !important;
		color: #5e555f !important;
		font: 500 clamp(10px, 0.9vw, 11.5px)/1.35 "Montserrat", system-ui, sans-serif !important;
		letter-spacing: -0.005em !important;
		text-align: center !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
	.syn-force-v13-session-meta__item {
		padding-inline: 7px !important;
		font-size: clamp(11px, 1vw, 12.5px) !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-meta__item::before {
		content: none !important;
		display: none !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-meta__icon {
		flex: 0 0 18px !important;
		display: block !important;
		width: 18px !important;
		height: 18px !important;
		color: #5d5360 !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
	.syn-force-v13-session-meta__icon {
		flex-basis: 19px !important;
		width: 19px !important;
		height: 19px !important;
	}

	html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
	.syn-force-v13-session-meta__text {
		display: block !important;
		min-width: 0 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v13-session-arrow {
		display: none !important;
	}

	/* Cały panel pozostaje prawdziwym, dostępnym linkiem do kursu. */
	html body [data-syn-force-v6="1"] .syn-force-v14-session-panel-link {
		position: absolute !important;
		inset: 0 !important;
		z-index: 4 !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 0 clamp(19px, 2vw, 23px) clamp(19px, 2vw, 23px) !important;
		background: transparent !important;
		box-shadow: none !important;
		color: transparent !important;
		font: 0/0 sans-serif !important;
		text-decoration: none !important;
	}

	html body [data-syn-force-v6="1"] .syn-force-v14-session-panel-link:focus-visible {
		outline: 3px solid rgba(74, 59, 80, 0.30) !important;
		outline-offset: -5px !important;
	}

	/* Elegancki hover: uniesienie, miękki zoom zdjęcia i pojedynczy refleks. */
	@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
		@keyframes syn-force-course-glint-v16 {
			0% {
				opacity: 0;
				transform: translate3d(-42%, 0, 0) rotate(8deg);
			}

			22% {
				opacity: 0.78;
			}

			100% {
				opacity: 0;
				transform: translate3d(42%, 0, 0) rotate(8deg);
			}
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card .syn-force-v6-shell {
			transition:
				transform 460ms cubic-bezier(0.22, 1, 0.36, 1),
				box-shadow 460ms cubic-bezier(0.22, 1, 0.36, 1),
				border-color 240ms ease !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v14-photo-frame {
			transition:
				transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
				box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v14-photo-frame::after {
			content: "" !important;
			position: absolute !important;
			inset: -42% -70% !important;
			z-index: 3 !important;
			display: block !important;
			border-radius: inherit !important;
			background: linear-gradient(
				112deg,
				transparent 37%,
				rgba(255, 255, 255, 0.08) 43%,
				rgba(255, 255, 255, 0.34) 49%,
				rgba(138, 95, 140, 0.14) 54%,
				transparent 63%
			) !important;
			opacity: 0;
			transform: translate3d(-42%, 0, 0) rotate(8deg);
			pointer-events: none !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v14-photo-frame img,
		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v14-photo-frame .syn-force-v6-image {
			transform-origin: center !important;
			transition:
				transform 760ms cubic-bezier(0.22, 1, 0.36, 1),
				filter 420ms ease !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-panel::before {
			transform: scaleX(1) !important;
			transform-origin: left center !important;
			transition:
				transform 300ms cubic-bezier(0.22, 1, 0.36, 1),
				background-color 240ms ease !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v6-shell {
			transform: translateY(-6px) translateZ(0) !important;
			border-color: rgba(113, 64, 111, 0.22) !important;
			box-shadow:
				0 28px 58px rgba(43, 31, 46, 0.16),
				0 7px 18px rgba(43, 31, 46, 0.07) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v14-photo-frame {
			transform: translateY(-2px) !important;
			box-shadow: 0 12px 27px rgba(46, 31, 49, 0.16) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v14-photo-frame::after {
			animation: syn-force-course-glint-v16 920ms cubic-bezier(0.2, 0.72, 0.22, 1) both !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v13-session-panel::before {
			background-color: #8a5f8c !important;
			transform: scaleX(1.26) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v13-session-meta__icon {
			color: var(--syn-course-accent) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v14-photo-frame img,
		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-interactive="1"]:is(:hover, :focus-within)
		.syn-force-v14-photo-frame .syn-force-v6-image {
			filter: none !important;
			transform: scale(1.028) translateZ(0) !important;
		}
	}

	/* Telefon: karta dopasowuje wysokość do treści. */
	@media (max-width: 520px) {
		html body [data-syn-force-v6="1"] .syn-force-v14-section-title {
			gap: 10px !important;
			padding-inline: 4px !important;
			font-size: 20px !important;
			letter-spacing: 0.065em !important;
		}
	}

	@media (max-width: 460px) {
		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-photo-shape="wide"] {
			--syn-course-panel-shift: -10px;
			--syn-course-line-gap: 19px;
			--syn-course-instructor-gap: 10px;
			--syn-course-meta-gap: 30px;
			--syn-course-separator-offset: 14px;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card,
		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card .syn-force-v6-shell {
			aspect-ratio: auto !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card .syn-force-v6-shell {
			grid-template-rows: auto auto !important;
			height: auto !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
		.syn-force-v13-session-panel {
			height: auto !important;
		}
	}

	@media (min-width: 461px) {
		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card[data-syn-force-photo-shape="wide"]
		.syn-force-v6-media[data-syn-force-photo-frame="1"] {
			--syn-force-v14-frame-bottom: 0px;
		}
	}

	@media (max-width: 340px) {
		html body [data-syn-force-v6="1"] .syn-force-v14-section-title {
			margin-bottom: 30px !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-panel {
			padding-inline: 18px !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-meta {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-meta__item:last-child {
			grid-column: 1 / -1 !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v14-instructor__text {
			white-space: normal !important;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		html body [data-syn-force-v6="1"] *,
		html body [data-syn-force-v6="1"] *::before,
		html body [data-syn-force-v6="1"] *::after {
			transition: none !important;
			animation: none !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card:is(:hover, :focus-within) .syn-force-v6-shell {
			transform: translateZ(0) !important;
		}

		html body [data-syn-force-v6="1"][data-syn-force-layout="course-single"]
		.syn-force-v13-session-card:is(:hover, :focus-within)
		.syn-force-v13-session-panel::before {
			transform: scaleX(1) !important;
		}
	}