/*
 * Brodnik CSS bundle: seo-block.css
 * Reusable SEO text block used by homepage and archive/list pages.
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.seo-block{position: relative;
	overflow: hidden;
	margin: 24px clamp(22px, 4vw, 56px);
	padding: 24px 32px;
	border: 1px solid rgba(80, 65, 45, 0.14);
	border-radius: 16px;
	background-color: #f8f4ec;
	background-image:
			linear-gradient(
					90deg,
					rgba(248, 244, 236, 0.98) 0%,
					rgba(248, 244, 236, 0.94) 48%,
					rgba(248, 244, 236, 0.78) 100%
			),
			url("/local/assets/img/seo-block-bg.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0 10px 30px rgba(43, 35, 26, 0.05);}

.seo-block.main-block{margin: 24px 0;}

.seo-block::before{content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
			radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.65), transparent 34%),
			radial-gradient(circle at 84% 86%, rgba(80, 65, 45, 0.06), transparent 28%);}

.seo-block > *{position: relative;
	z-index: 1;}

.seo-block h2{margin: 0 0 34px;
	font-family: var(--font-heading);
	font-size: clamp(24px, 1.9vw, 32px);}

.seo-block h2::after{content: "";
	display: block;
	width: 72px;
	height: 2px;
	margin-top: 4px;
	background: #b56f4a;}

.seo-block p{max-width: 1180px;
	margin: 0;
	font-size: 14px;
	line-height: 1.72;
	color: #28241f;}

.seo-block p + p{margin-top: 22px;}

@media (max-width: 920px){
.seo-block{margin-top: 46px;
		padding: 46px 42px;
		background-position: center right;}
.seo-block h2{font-size: 34px;}
.seo-block p{font-size: 14px;}
}

@media (max-width: 520px){
.seo-block{margin-top: 36px;
		padding: 30px 22px;
		border-radius: 14px;
		background-image:
				linear-gradient(
						180deg,
						rgba(248, 244, 236, 0.98) 0%,
						rgba(248, 244, 236, 0.92) 100%
				),
				url("/local/assets/img/seo-block-bg.webp");
		background-position: center;}
.seo-block h2{margin-bottom: 24px;
		font-size: 28px;
		line-height: 1.16;}
.seo-block h2::after{width: 56px;
		margin-top: 18px;}
.seo-block p{font-size: 13px;
		line-height: 1.65;}
.seo-block p + p{margin-top: 18px;}
}