/**
 * Strona Kursy zawodowe (KKZ) — layout jak Lovable.
 */

.eureka-kkz-why {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

@media (min-width: 768px) {
	.eureka-kkz-why {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}

.eureka-kkz-section-title {
	font-size: clamp(1.75rem, 2.5vw, 2.25rem);
	line-height: 1.15;
}

.eureka-kkz-why-intro {
	max-width: 48rem;
	font-size: 1.125rem;
	line-height: 1.7;
	color: var(--eureka-muted);
}

.eureka-kkz-why-list {
	margin-top: 1.5rem;
}

.eureka-kkz-why-list li {
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--eureka-foreground);
}

.eureka-kkz-why-list .bi-check-circle {
	font-size: 1.125rem;
	line-height: 1;
	color: var(--eureka-primary);
}

.eureka-kkz-courses {
	background: hsl(230 25% 97% / 0.4);
	padding-top: 4rem;
	padding-bottom: 4rem;
}

@media (min-width: 768px) {
	.eureka-kkz-courses {
		padding-top: 5rem;
		padding-bottom: 6rem;
	}
}

.eureka-kkz-courses-header {
	max-width: 48rem;
}

.eureka-kkz-card .eureka-kierunek-card-badge--code {
	background: rgb(255 255 255 / 0.95);
	color: var(--eureka-primary);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	backdrop-filter: blur(4px);
}

.eureka-kkz-card .eureka-kierunek-card-badge--hours {
	background: rgb(30 41 59 / 0.85);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	backdrop-filter: blur(4px);
}

.eureka-kkz-card .card {
	border-radius: 1.5rem !important;
}

.eureka-kkz-card-link {
	font-size: 0.875rem;
}