/**
 * Locations (pharmacies & clinics) — base
 * Palette + layout primitives lifted 1:1 from the Ingredient Library design
 * (css/ingredient-library/base.css), scoped to .locations-page only.
 */
.locations-page {
	--loc-bg: #FCF8F2;
	--loc-surface: #FFFFFF;
	--loc-soft: #FBF9F4;
	--loc-ink: #20201D;
	--loc-muted: #6E6B62;
	--loc-line: #E6E1D6;
	--loc-accent: var(--Bg-Radial);
	--loc-accent-2: #3A5346;
	--loc-radius: 16px;
	--loc-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--loc-serif: 'Roboto', Georgia, 'Times New Roman', serif;

	background: var(--loc-bg);
	color: var(--loc-ink);
	font-family: var(--loc-sans);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	margin-top: 70px;
}

.locations-page,
.locations-page *,
.locations-page *::before,
.locations-page *::after {
	box-sizing: border-box;
}

.locations-page a {
	color: inherit;
}

.locations-page .loc-wrap {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 30px;
}

.locations-page .loc-gold-text {
	background: var(--Pure-gold);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.locations-page .loc-section {
	padding: 56px 0;
}

@media (max-width: 640px) {
	.locations-page {
		margin-top: 40px;
	}
	.locations-page .loc-wrap {
		padding: 0 18px;
	}
	.locations-page .loc-section {
		padding: 36px 0;
	}
}