/* Home and Blog featured cards share the same 16px title-to-excerpt spacing. */
.mz-home-blog__card p,
.mz-blog-featured__card p {
	margin-top: 16px;
}

/* The three history cards on the "O nas" page. */
.mz-about-story article > img {
	border-radius: 8px;
}

@media (min-width: 768px) {
	body .mz-about-story article:nth-child(2) > div {
		min-height: 0;
	}

	body .mz-about-story article:nth-child(3) > div {
		min-height: 236px;
	}

	/* Desktop composition matched to the production "O nas" benefits cards. */
	body .mz-about-benefits__cards {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		justify-content: center;
		gap: 15px !important;
		margin: -220px 15px 0 !important;
	}

	body .mz-about-benefits__cards article,
	body .mz-about-benefits__cards article:nth-child(3) {
		min-height: 335px !important;
		padding: 30px 0 20px !important;
	}

	body .mz-about-benefits__cards h3 {
		width: 72% !important;
		max-width: 72% !important;
		margin: 14px auto 10px !important;
		font-size: 16px !important;
		line-height: 20px !important;
	}

	body .mz-about-benefits__cards p {
		width: 77% !important;
		max-width: 77% !important;
		margin: 0 auto !important;
		font-size: 16px !important;
		line-height: 24px !important;
	}

	body .mz-about-benefits__cards article:nth-child(2) p { width: 83% !important; max-width: 83% !important; }
	body .mz-about-benefits__cards article:nth-child(3) h3 { width: 63% !important; max-width: 63% !important; margin-bottom: 0 !important; }
	body .mz-about-benefits__cards article:nth-child(3) p { width: 82% !important; max-width: 82% !important; font-size: 14px !important; line-height: 22px !important; }
	body .mz-about-benefits__cards article:nth-child(4) h3 { margin-bottom: 30px !important; }
	body .mz-about-benefits__cards article:nth-child(4) p { width: 81% !important; max-width: 81% !important; }
}
