/* =========================================================
   Brock Biljartfabriek — Privacy- en Cookieverklaring
   Figma-node 482:10848.
   Body-content: grijze titelbanner, tekstblok, page-USP-icoonstrip.
   Header/footer (incl. footer-USP-balk + reviews) komen via get_header()/get_footer().
   ========================================================= */

.sellabees-privacy {
	font-family: var(--sellabees-font-body);
	color: var(--sellabees-ink);
}

/* ---------------------------------------------------------
   1. Grijze titelbanner (#ebebeb, hoogte 178px)
   --------------------------------------------------------- */
.sellabees-privacy__hero {
	background: var(--sellabees-search-bg);
	min-height: 178px;
	display: flex;
	align-items: center;
}

.sellabees-privacy__title {
	margin: 0;
	font-family: var(--sellabees-font-heading);
	font-weight: 400;
	font-size: 64px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--sellabees-ink);
}

/* ---------------------------------------------------------
   2. Tekstblok (Avenir Book 14px, koppen Heavy 20px)
   Figma: tekstkolom inspring 18,7% L/R t.o.v. 1920 ≈ 359px.
   Binnen de 1410-container betekent dat ≈104px L/R.
   --------------------------------------------------------- */
.sellabees-privacy__content {
	background: #fff;
	padding: 48px 0 50px;
}

.sellabees-privacy__inner {
	max-width: 1202px; /* 1920 - 2*359 = 1202px tekstbreedte */
	margin: 0 auto;
}

.sellabees-privacy__inner p {
	margin: 0 0 1em;
	font-family: var(--sellabees-font-body);
	font-weight: 300; /* Avenir Book */
	font-size: 14px;
	line-height: 1.5;
	color: var(--sellabees-ink);
}

.sellabees-privacy__inner h2 {
	margin: 1.4em 0 0.4em;
	font-family: var(--sellabees-font-body);
	font-weight: 800; /* Avenir Heavy */
	font-size: 20px;
	line-height: 1.2;
	color: var(--sellabees-ink);
}

.sellabees-privacy__inner p strong {
	font-family: var(--sellabees-font-body);
	font-weight: 800; /* Avenir Heavy */
}

.sellabees-privacy__inner a {
	color: var(--sellabees-ink);
	text-decoration: underline;
}

.sellabees-privacy__inner a:hover {
	color: var(--sellabees-red);
}

/* ---------------------------------------------------------
   3. Page-USP-icoonstrip (grijze balk, 3 ronde iconen)
   Figma: #ebebeb, hoogte 385px. Cirkels 117px (#D9D9D9),
   titels Impact 20px uppercase, tekst Avenir Book 16px / 27px,
   kolombreedte 383px, gecentreerd.
   --------------------------------------------------------- */
.sellabees-privacy__usps {
	background: var(--sellabees-search-bg);
	padding: 22px 0 60px;
}

.sellabees-privacy__usps-note {
	margin: 0 0 18px;
	font-family: var(--sellabees-font-body);
	font-weight: 300;
	font-size: 16px;
	line-height: 27px;
	color: var(--sellabees-red);
	text-align: center;
}

/* .sellabees-page-usps* staat globaal in layout.css (incl. 56px-iconclamp +
   responsive) — duplicaat hier verwijderd om CSS-overlap te voorkomen. */

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 1024px) {
	.sellabees-privacy__title {
		font-size: 44px;
	}
	.sellabees-privacy__inner {
		max-width: none;
	}
}

/* --- Mobiel (Figma 487:37451, 393px) ------------------------------------ */
@media (max-width: 981px) {
	/* Titelbalk lager; titel Impact 35px; inhoud op ~49px zijmarge. */
	.sellabees-privacy__hero {
		min-height: 162px;
	}
	.sellabees-privacy__hero .sellabees-container,
	.sellabees-privacy__inner {
		padding-inline: 49px;
	}
	.sellabees-privacy__title {
		font-size: 35px;
	}
	.sellabees-privacy__content {
		padding: 26px 0 48px;
	}
	/* Koppen binnen de verklaring: Avenir Heavy 20px (Figma 487:37451). */
	.sellabees-privacy__inner h2 {
		font-size: 20px;
	}
}