/* RadPick — extra content pages (Happy Customers, Communication preferences, Brand landing) */

/* ---- Brand landing banner (Metallica Merch etc.) ---- */
.rp-brand-banner {
	position: relative;
	min-height: 320px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.rp-brand-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}
.rp-brand-banner span {
	position: relative;
	z-index: 1;
	color: #fff;
	font-weight: 800;
	font-size: clamp(2rem, 6vw, 4rem);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* ---- Happy Customers reviews grid ---- */
.rp-reviews {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 24px 0;
}
.rp-review {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
.rp-review .rp-stars { color: #f2ba36; font-size: 1rem; letter-spacing: 2px; margin-bottom: 8px; }
.rp-review-text { font-size: 0.92rem; color: #444; line-height: 1.55; margin: 0 0 12px; }
.rp-review-author { font-weight: 600; color: #222; margin: 0; font-size: 0.88rem; }

/* ---- Communication preferences form ---- */
.rp-comm-prefs { max-width: 460px; margin: 18px 0; }
.rp-comm-prefs label {
	display: flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.5em 0;
	font-size: 0.95rem;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
}
.rp-comm-prefs label input { margin: 0; }

@media (max-width: 850px) {
	.rp-reviews { grid-template-columns: 1fr; }
	.rp-brand-banner { min-height: 220px; }
}