/* Főoldali SEO-szekció — a megőrzött, indexelt kulcsszavas szöveg (BRICKS_EXIT §3),
   a „Miért easybutor?" (miert) szekció elrendezésének mintájára: 2 oszlopos intro
   (kép + szöveg), majd ikonos kártyarács. Minden SEO-szöveg megmarad. */

.eb-seo {
	scroll-margin-top: 84px;
	background: #FBF8F3;
	border-top: 1px solid var(--color-border);
}

/* Padding a bundle-ritmus szerint (a globális .section-wrapper 104/80 felülírása). */
.eb-seo.section-wrapper {
	padding: clamp(48px, 5.5vw, 80px) clamp(16px, 4vw, 56px);
}

/* 2 oszlopos intro — a miert__intro mintájára; a kép a szöveges oszlop
   teljes magasságát kitölti (align-items: stretch). */
.eb-seo__intro {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
	gap: clamp(28px, 4vw, 54px);
	align-items: stretch;
	margin-bottom: clamp(38px, 4.5vw, 58px);
}

.eb-seo__media {
	position: relative;
	height: 100%;
	min-height: 320px; /* fallback, ha a médiaoszlop a magasabb (pl. mobilon, egy oszlopban) */
	border-radius: 22px;
	overflow: hidden;
	background: #EEE7DB;
}

.eb-seo__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.eb-seo__lead .eb-badge {
	margin-bottom: 20px;
}

.eb-seo__title {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: clamp(28px, 3.6vw, 42px);
	letter-spacing: -.03em;
	margin: 0 0 16px;
	text-wrap: balance;
}

.eb-seo__lead p {
	font-size: clamp(15px, 1.7vw, 17.5px);
	line-height: 1.65;
	color: var(--color-text-muted);
	margin: 0;
}

.eb-seo__cta {
	margin-top: 26px;
}

/* Ikonos kártyarács — a miert__grid/card mintájára. */
.eb-seo__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: clamp(16px, 2vw, 22px);
}

.eb-seo__card {
	background: #fff;
	border: 1px solid #EDE5D8;
	border-radius: var(--radius-feature);
	padding: clamp(24px, 2.4vw, 30px);
}

.eb-seo__card .eb-ico {
	display: inline-flex;
	color: var(--acc);
	margin-bottom: 14px;
}

.eb-seo__card .eb-ico svg {
	width: 28px;
	height: 28px;
}

.eb-seo__card h3 {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 17px;
	color: var(--color-text);
	margin: 0 0 8px;
}

.eb-seo__card p {
	font-size: 14px;
	line-height: 1.65;
	color: var(--color-text-muted);
	margin: 0;
}

.eb-seo__more {
	max-width: 760px;
	margin: clamp(28px, 3.5vw, 40px) auto 0;
	text-align: center;
	font-size: 15px;
	line-height: 1.7;
	color: var(--color-text-muted);
}