/**
 * Sekcja: ICOK + Finansowanie.
 * Figma 14557:3249 — pas 1440 na F2F6F9, padding 81/78, dwie karty 632×
 * gap 24, białe, obwódka #85d8b0, wnętrze 20/40, gap 32, tytuł 24/33,6
 * zieleń, opis 20/28, link tekstowy.
 */

.usluga-addons {
	background-color: var(--color-surface-soft);
	padding-block: 81px;
}

.usluga-addons__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-md);
	margin: 0;
	padding: 0;
	list-style: none;
}

.usluga-addons__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	min-height: 100%;
	padding: 40px 20px;
	border: 1px solid var(--color-border-mint-strong);
	border-radius: var(--radius-sm);
	background-color: var(--color-white);
}

.usluga-addons__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 400;
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-heading);
	color: var(--color-primary);
}

.usluga-addons__text {
	margin: 0;
	max-width: 524px;
	font-size: var(--fs-h6);
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-heading);
	color: var(--color-black);
}

.usluga-addons__card .btn--text {
	margin-top: auto;
	color: var(--color-primary);
}

.usluga-addons__card .btn--text:hover {
	color: var(--color-primary-bright);
}

.usluga-addons__card .btn--text:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

@media (max-width: 991px) {
	.usluga-addons__list {
		grid-template-columns: minmax(0, 1fr);
	}
}