/**
 * Homepage base styles - Container max-width, responsive polish
 */
/* Consistent max-width for content on large screens */
.homepage .page-width {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
}

/* Ensure main has no default padding that conflicts */
.homepage.content-area {
	padding: 0;
	margin: 0;
	max-width: none;
}
.treatments-grid .page-width{
	width: 90% !important;
	padding-bottom: 40px;
}
.location-section{
	background-color: white;
}
/* Footer: no margin at top */
.homepage-footer {
	margin-top: 0 !important;
}

/* Section spacing - pixel perfect */
.homepage section {
	scroll-margin-top: 100px;
}

/* Buttons: no underline on hover (override global a:hover) */
.homepage .btn:hover,
.homepage .treatments-grid__card-btn:hover {
	text-decoration: none !important;
}


/* Mobile: tighter section padding */
@media (max-width: 767px) {
	.treatments-grid,
	.reviews-section,
	.about-section,
	.location-section,
	.faq-cta,
	.blog-section {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}

/* Blog section: heading black on mobile (overrides any white from dark sections) */
@media (max-width: 1099px) {
	.blog-section .blog-section__title,
	.homepage .blog-section .blog-section__title {
		color: #000 !important;
	}
}

/* Tablet: medium spacing */
@media (min-width: 768px) and (max-width: 1099px) {
	.treatments-grid__cards {
		gap: 28px;
	}

	.homepage-footer__grid {
		gap: 40px 32px;
	}
}