.about-us-body .about-us-btn {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100%;
}
.about-us-body .about-us-btn .btn-book-cta {
	margin-bottom: 10px !important;
	display: inline-block;
}
.about-us-body .about-us-btn .btn-schedule-cta {
	display: inline-block;
}
body.services-page {
	--services-section-gap: 48px;
}
body.services-page > .page-header.bg-section.dark-section {
	margin-bottom: var(--services-section-gap);
	background-color: #C6B39A !important;
	background-image: none !important;
	border-radius: 0;
	overflow: hidden;
}

body.services-page > .page-header.bg-section.dark-section::before {
	background-color: #361319 !important;
	opacity: 0.18 !important;
}

body.services-page > .page-header.bg-section.dark-section .page-header-box :is(
	h1,
	h1.text-anime-style-3,
	h1.text-anime-style-3 .split-line,
	h1.text-anime-style-3 .split-line > div,
	h1.text-anime-style-3 .split-line > div > div
) {
	color: #361319 !important;
}

body.services-page > .page-header.bg-section.dark-section .page-header-box :is(
	ol li.breadcrumb-item,
	ol li.breadcrumb-item.active
) {
	color: #7B694E !important;
}

body.services-page > .page-header.bg-section.dark-section .page-header-box ol .breadcrumb-item + .breadcrumb-item::before,
body.services-page > .page-header.bg-section.dark-section .page-header-box ol li.breadcrumb-item a:hover,
body.services-page > .page-header.bg-section.dark-section .page-header-box ol li.breadcrumb-item a:focus {
	color: #7B694E !important;
}

body.services-page > .page-header.bg-section.dark-section .page-header-box ol li.breadcrumb-item a:hover,
body.services-page > .page-header.bg-section.dark-section .page-header-box ol li.breadcrumb-item a:focus {
	color: #361319 !important;
}

/* Services pages — follow dynamic header nav color states */
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) :is(
	.main-menu .nav-menu-wrapper > ul > li > a.nav-link,
	.main-menu .nav-menu-wrapper > ul > li > a,
	.main-menu .nav-menu-wrapper > ul > li.submenu > a:after,
	.header-contact-now,
	.header-contact-now .contact-lines,
	.header-contact-now .spa-contact-phone,
	.header-contact-now .spa-contact-phone-line,
	.header-contact-now .spa-contact-phone-line a
),
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a:hover,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a:focus,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a:active,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li.active > a,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a[aria-current="page"],
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .header-contact-now:hover,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="361319"] :is(.header-sticky, .header-sticky.active) .header-contact-now:focus {
	color: #361319 !important;
	-webkit-text-fill-color: #361319 !important;
}

body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) :is(
	.main-menu .nav-menu-wrapper > ul > li > a.nav-link,
	.main-menu .nav-menu-wrapper > ul > li > a,
	.main-menu .nav-menu-wrapper > ul > li.submenu > a:after,
	.header-contact-now,
	.header-contact-now .contact-lines,
	.header-contact-now .spa-contact-phone,
	.header-contact-now .spa-contact-phone-line,
	.header-contact-now .spa-contact-phone-line a
),
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a:hover,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a:focus,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a:active,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li.active > a,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .main-menu .nav-menu-wrapper > ul > li > a[aria-current="page"],
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .header-contact-now:hover,
body.services-page > header.main-header:is(.header-over-page-bg, .header-over-image-bg)[data-nav-color="7B694E"] :is(.header-sticky, .header-sticky.active) .header-contact-now:focus {
	color: #7B694E !important;
	-webkit-text-fill-color: #7B694E !important;
}
# Services page heading casing
body.services-page h3 {
	text-transform: uppercase;
}

body.services-page :is(
	.why-choose-contact-quote,
	.why-choose-contact-item-content :is(h1, h2, h3, h4, h5, h6),
	.testimonial-item-content :is(p, blockquote)
){
	text-transform: none !important;
}
body.services-page h2 {
	text-transform: capitalize;
}
body.services-page .section-title h2.text-anime-style-3,
body.services-page h1.text-anime-style-3,
body.services-page h1.text-anime-style-3 .split-line,
body.services-page h1.text-anime-style-3 .split-line > div,
body.services-page h1.text-anime-style-3 .split-line > div > div,
body.services-page h2.text-anime-style-3,
body.services-page h2.text-anime-style-3 .split-line,
body.services-page h2.text-anime-style-3 .split-line > div,
body.services-page h2.text-anime-style-3 .split-line > div > div,
body.services-page .text-anime-style-3 .split-line,
body.services-page .text-anime-style-3 .split-line > div,
body.services-page .text-anime-style-3 .split-line > div > div {
	text-transform: none !important;
}

body.services-page .page-addons .section-title h2,
body.services-page .page-addons .section-title h2.text-anime-style-3,
body.services-page .page-addons .section-title h2.text-anime-style-3 .split-line,
body.services-page .page-addons .section-title h2.text-anime-style-3 .split-line > div,
body.services-page .page-addons .section-title h2.text-anime-style-3 .split-line > div > div {
	text-transform: none !important;
}

body.services-page .page-services .service-item .service-image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 0 10px;
}

body.services-page .page-services .service-image figure {
	width: 100%;
	height: 100%;
	margin: 0;
	display: block;
}

body.services-page .page-services .service-image figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.services-page .page-services .service-item {
	background-color: #FCF4F1;
	border-radius: 20px;
	overflow: hidden;
}

body.services-page.page-facials .page-services.bg-section{
	background: #C6B39A !important;
	background-color: #C6B39A !important;
	background-image: none !important;
	border-radius: 20px !important;
}

body.services-page #services-overview .service-item {
	background-color: #ffffff;
}

#services-nav.page-services.bg-section,
#services-overview.page-services.bg-section {
	padding-top: 72px;
	margin-bottom: var(--services-section-gap);
}
body.services-page > .about-us,
body.services-page > .page-services,
body.services-page > .page-addons,
body.services-page > .our-approach,
body.services-page > .our-testimonials,
body.services-page > .why-choose-us,
body.services-page > .what-we-do,
body.services-page > .how-it-work,
body.services-page > .our-faqs,
body.services-page > .services-overview-intro {
	margin-bottom: var(--services-section-gap);
}

.services-overview-intro .section-title.section-title-center {
	width: 100%;
	max-width: 960px;
	text-align: center;
	margin: 0 auto;
}

.services-overview-intro .section-title.section-title-center h2 {
	max-width: none;
	width: 100%;
}

.services-overview-intro .section-title.section-title-center h3 {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.services-overview-intro .section-title.section-title-center p {
	text-align: center;
}

.services-overview-intro .section-title .text-anime-style-3 .split-line {
	text-align: center;
}

.services-overview-intro .section-title .text-anime-style-3 .split-line > div {
	display: flex;
	justify-content: center;
}
body.services-page > .main-footer {
	margin-top: var(--services-section-gap);
	margin-bottom: 0;
}
#services-nav .section-row,
#services-overview .section-row {
	margin-bottom: 24px;
}
#services-nav .section-title.section-title-center,
#services-overview .section-title.section-title-center {
	max-width: 960px;
	width: 100%;
	margin-bottom: 0;
}
#services-nav .section-title.section-title-center h2,
#services-overview .section-title.section-title-center h2 {
	max-width: none;
	width: 100%;
}
#services-nav .footer-links.quick-links.text-center {
	width: 100%;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#services-nav .footer-links.quick-links ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#services-nav .footer-links.quick-links ul li {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
}
#services-nav .footer-links.quick-links ul li a {
	display: inline-block;
	border-radius: 100px;
	padding: 17px 25px;
	background-color: #7B694E;
	color: var(--secondary-color);
	text-decoration: none;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}
#services-nav .footer-links.quick-links ul li a:hover {
	background-color: var(--accent-color);
	color: var(--white-color);
}
body.services-page:not(.page-service-detail) .page-services.bg-section:not(#services-nav):not(#services-overview) {
	background-color: #C6B39A !important;
	background-image: none !important;
}

body.services-page:not(.page-service-detail) .what-we-do.bg-section {
	background-color: #C6B39A !important;
	background-image: none !important;
}

body.services-page:not(.page-service-detail) .page-addons.bg-section {
	background-color: #C6B39A !important;
	background-image: none !important;
	background: #C6B39A !important;
}
.services-page .what-we-do.bg-section:has(+ .page-services):not(.service-approach-panel) {
	padding-bottom: 0 !important;
}

#services-overview .service-item .service-content-title h2 a {
	color: inherit;
	text-decoration: none;
}
#services-overview .service-item .service-content-title h2 a:hover {
	color: var(--accent-color);
}

#services-overview .service-item {
	background-color: var(--white-color);
	background: var(--white-color);
}

/* Service cards: hide description until arrow expands */
.page-services .service-card-expandable .service-content,
.page-addons .service-card-expandable .service-content {
	position: relative;
	margin-bottom: 30px;
}

.page-services .service-card-expandable:has(.service-card-price) .service-content,
.page-addons .service-card-expandable:has(.service-card-price) .service-content {
	padding-bottom: 2.75rem;
}

.page-services .service-card-expandable .service-content-title,
.page-addons .service-card-expandable .service-content-title {
	margin-bottom: 0;
}

.page-services .service-card-expandable:not(.is-expanded) .service-card-detail,
.page-addons .service-card-expandable:not(.is-expanded) .service-card-detail {
	display: none !important;
	visibility: hidden !important;
	max-height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page-services .service-card-expandable.is-expanded .service-card-detail,
.page-addons .service-card-expandable.is-expanded .service-card-detail {
	display: block !important;
	visibility: visible !important;
	max-height: none;
	opacity: 1 !important;
	margin-top: 16px;
}

.page-services .service-card-expandable .service-card-detail p,
.page-addons .service-card-expandable .service-card-detail p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65em;
}

.page-services .service-card-expandable .service-card-detail ul,
.page-addons .service-card-expandable .service-card-detail ul {
	margin: 12px 0 0;
	padding-left: 1.1em;
	font-size: 15px;
	line-height: 1.65em;
}

.page-services .service-card-expandable .service-card-price,
.page-addons .service-card-expandable .service-card-price {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--accent-color);
	line-height: 1.2;
}

button.service-card-toggle.readmore-btn {
	flex-shrink: 0;
	cursor: pointer;
	border: none !important;
	outline: none;
	box-shadow: none;
	padding: 0;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}

button.service-card-toggle.readmore-btn:hover,
button.service-card-toggle.readmore-btn:focus,
button.service-card-toggle.readmore-btn:active {
	border: none !important;
	outline: none;
	box-shadow: none;
}

.service-card-expandable.is-expanded .service-card-toggle img {
	transform: rotate(90deg);
}

.service-card-expandable.is-expanded .service-card-toggle:hover img {
	transform: rotate(90deg);
}

body.services-page .service-card-expandable[id],
body.services-page .page-services[id],
body.services-page .page-addons[id],
body.services-page .about-us[id],
body.services-page .what-we-do[id] {
	scroll-margin-top: 120px;
}

@media only screen and (max-width: 991px) {
	body.services-page .service-card-expandable[id],
	body.services-page .page-services[id],
	body.services-page .page-addons[id],
	body.services-page .about-us[id],
	body.services-page .what-we-do[id] {
		scroll-margin-top: 96px;
	}
}

/* Weight-loss prescription cards: match IV card image styling */
#weight-loss-prescriptions.page-services {
	padding-top: 0;
}

#weight-loss-prescriptions .service-card-expandable .service-content {
	padding-bottom: 0;
}

#weight-loss-prescriptions .service-image.service-card-image-toggle {
	display: block;
	border: none;
	outline: none;
	box-shadow: none;
	border-radius: 30px;
	overflow: hidden;
	cursor: pointer;
}

#weight-loss-prescriptions .service-image.service-card-image-toggle:focus {
	outline: none;
}

#weight-loss-prescriptions .service-image.service-card-image-toggle .image-anime,
#weight-loss-prescriptions .service-image.service-card-image-toggle figure {
	display: block;
	border: none;
	border-radius: 30px;
	overflow: hidden;
	margin: 0;
}

#weight-loss-prescriptions .service-image.service-card-image-toggle img {
	width: 100%;
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border: none;
	border-radius: 30px;
	transition: all 0.5s ease-out;
}

#weight-loss-prescriptions .service-item:hover .service-image img {
	transform: scale(1.1);
	border-radius: 30px;
}

/* Footer email — always lowercase on service pages */
body.services-page .main-footer .footer-links ul li.footer-email-item,
body.services-page .main-footer .footer-contact-item ul li.footer-email-item,
body.services-page .main-footer .footer-links.footer-contact-item ul li.footer-email-item{
	text-transform: none !important;
}

body.services-page .main-footer a.footer-email,
body.services-page .main-footer .footer-links ul li.footer-email-item a,
body.services-page .main-footer .footer-links ul li.footer-email-item a.footer-email,
body.services-page .main-footer .footer-links ul li.footer-email-item a[href^="mailto:"],
body.services-page .main-footer .footer-contact-item a[href^="mailto:"],
body.services-page .main-footer .footer-contact-item a.footer-email,
body.services-page .main-footer .footer-email-text,
body.services-page .main-footer a.footer-email .footer-email-text{
	text-transform: lowercase !important;
	font-variant: normal !important;
}

@media only screen and (max-width: 991px){
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section,
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section > .container,
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section .row,
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section .section-title{
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
	}

	body.services-page:not(.page-service-detail) .page-services.bg-section:not(#services-nav):not(#services-overview),
	body.services-page:not(.page-service-detail) .page-addons.bg-section{
		background-color: #C6B39A !important;
		background-image: none !important;
	}

	body.services-page:not(.page-service-detail) .page-services.bg-section:not(#services-nav):not(#services-overview) .section-title h3,
	body.services-page:not(.page-service-detail) .page-addons.bg-section .section-title h3{
		color: #7B694E !important;
	}

	body.services-page:not(.page-service-detail) .page-services.bg-section:not(#services-nav):not(#services-overview) .section-title :is(h1, h2),
	body.services-page:not(.page-service-detail) .page-addons.bg-section .section-title :is(h1, h2),
	body.services-page:not(.page-service-detail) .page-services.bg-section:not(#services-nav):not(#services-overview) :is(.section-title p, .about-experience-list ul li),
	body.services-page:not(.page-service-detail) .page-addons.bg-section :is(.section-title p, .about-experience-list ul li){
		color: #361319 !important;
	}

	/* Keep white strictly for content cards on mobile */
	body.services-page .page-services .service-item,
	body.services-page .page-addons .service-item,
	body.services-page .page-addons .addon-card{
		background-color: #ffffff !important;
		background-image: none !important;
	}

	/* Services mobile: light-brand panel system for card sections */
	body.services-page > :is(#services-overview.page-services.bg-section, .what-we-do.bg-section){
		background: #C6B39A !important;
		background-color: #C6B39A !important;
		background-image: none !important;
		border-radius: 20px !important;
		margin-left: 12px;
		margin-right: 12px;
		width: auto;
		max-width: none;
		overflow: hidden;
	}

	/* Apply the same special mobile CTA panel UI to all service pages */
	body.services-page > .what-we-do.bg-section{
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	body.services-page > .what-we-do.bg-section > .container{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	body.services-page > :is(#services-overview.page-services.bg-section, .what-we-do.bg-section) > :is(.container, .container-fluid){
		background: #C6B39A !important;
		background-color: #C6B39A !important;
		background-image: none !important;
		border-radius: 20px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	body.services-page > :is(#services-overview.page-services.bg-section, .what-we-do.bg-section) .section-title h3{
		color: #7B694E !important;
	}

	body.services-page > :is(#services-overview.page-services.bg-section, .what-we-do.bg-section) .section-title :is(h1, h2, p),
	body.services-page > :is(#services-overview.page-services.bg-section, .what-we-do.bg-section) .section-title p a{
		color: #361319 !important;
	}

	/* Services intro block: dark style like About "What We Do" */
	body.services-page.page-services-hub > .services-overview-intro,
	body.services-page.page-services-hub > .services-overview-intro > .container,
	body.services-page.page-services-hub > .services-overview-intro .row,
	body.services-page.page-services-hub > .services-overview-intro .row > .col-lg-10,
	body.services-page.page-services-hub > .services-overview-intro .section-title{
		background: #361319 !important;
		background-color: #361319 !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
		border-radius: 0 !important;
	}

	body.services-page.page-services-hub > .services-overview-intro > .container{
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .row > .col-lg-10{
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .section-title p{
		color: #ffffff !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .section-title h3.wow.fadeInUp{
		color: #7B694E !important;
		display: block !important;
		text-align: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .section-title h3::before{
		background-color: #7B694E !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .section-title.section-title-center{
		text-align: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: none !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .section-title.section-title-center p{
		text-align: left !important;
	}

	body.services-page.page-services-hub > .services-overview-intro .section-title .text-anime-style-3 .split-line,
	body.services-page.page-services-hub > .services-overview-intro .section-title .text-anime-style-3 .split-line > div{
		text-align: left !important;
		justify-content: flex-start !important;
	}

	/* "Schedule a consultation..." row colors (all service-page CTA blocks) */
	body.services-page > .what-we-do.bg-section .section-title.section-title-center p{
		color: #7B694E !important;
	}

	body.services-page > .what-we-do.bg-section .section-title.section-title-center p a,
	body.services-page > .what-we-do.bg-section .section-title.section-title-center p a:any-link{
		color: #361319 !important;
		-webkit-text-fill-color: #361319 !important;
	}

	body.services-page > .what-we-do.bg-section .section-title.section-title-center p a:hover,
	body.services-page > .what-we-do.bg-section .section-title.section-title-center p a:focus,
	body.services-page > .what-we-do.bg-section .section-title.section-title-center p a:active{
		color: #361319 !important;
		-webkit-text-fill-color: #361319 !important;
	}

	/* Service detail mobile (e.g., botox): Why Choose Us + Pricing panel */
	body.services-page.page-service-detail > .why-choose-us.bg-section,
	body.services-page.page-service-detail > .our-approach.bg-section.service-pricing-panel{
		background: #C6B39A !important;
		background-color: #C6B39A !important;
		background-image: none !important;
		border-radius: 20px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		margin-left: 12px;
		margin-right: 12px;
		width: auto;
		max-width: none;
		overflow: hidden;
	}

	body.services-page.page-service-detail > .why-choose-us.bg-section > .container,
	body.services-page.page-service-detail > .our-approach.bg-section.service-pricing-panel > .container{
		background: #C6B39A !important;
		background-color: #C6B39A !important;
		background-image: none !important;
		border-radius: 20px !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	body.services-page.page-service-detail > .our-approach.bg-section.service-pricing-panel .our-approach-body{
		background: #ffffff !important;
		background-color: #ffffff !important;
		background-image: none !important;
		border: 1px solid rgba(54, 19, 25, 0.12) !important;
		box-shadow: none !important;
	}

	body.services-page.page-service-detail > .our-approach.bg-section.service-pricing-panel .our-approach-body :is(.mission-vison-content h3){
		color: #7B694E !important;
		-webkit-text-fill-color: #7B694E !important;
	}

	body.services-page.page-service-detail > .our-approach.bg-section.service-pricing-panel .our-approach-body :is(.mission-vison-content p, p, li, a){
		color: #361319 !important;
		-webkit-text-fill-color: #361319 !important;
	}

	body.services-page.page-service-detail > .our-approach.bg-section.service-pricing-panel .our-approach-body .mission-vison-item{
		border-bottom-color: rgba(54, 19, 25, 0.12) !important;
	}

	/* Facials mobile: pricing wrapper should sit directly on body background */
	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel,
	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel > .container{
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border-radius: 0 !important;
	}

	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel{
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		overflow: visible !important;
	}

	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .our-approach-body{
		background: #ffffff !important;
		background-color: #ffffff !important;
		background-image: none !important;
		border: 1px solid rgba(54, 19, 25, 0.12) !important;
		box-shadow: none !important;
	}

	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .our-approach-body.wow.fadeInUp :is(h1, h2, h3, h4, h5, h6, p, li, a){
		color: #361319 !important;
		-webkit-text-fill-color: #361319 !important;
	}

	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .our-approach-body .mission-vison-content h3{
		color: #7B694E !important;
		-webkit-text-fill-color: #7B694E !important;
	}

	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .text-anime-style-3,
	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .text-anime-style-3 .split-line,
	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .text-anime-style-3 .split-line > div,
	body.services-page.page-service-detail.page-facials > .our-approach.bg-section.service-pricing-panel .text-anime-style-3 .split-line > div > div{
		color: #C6B39A !important;
		-webkit-text-fill-color: #C6B39A !important;
	}

	/* Microneedling mobile: pricing inner card stays white inside light panel */
	body.services-page.page-service-detail.page-microneedling > .our-approach.bg-section.service-pricing-panel .our-approach-body{
		background: #ffffff !important;
		background-color: #ffffff !important;
		background-image: none !important;
		border: 1px solid rgba(54, 19, 25, 0.12) !important;
		box-shadow: none !important;
		border-radius: 20px !important;
		padding-top: 28px !important;
	}

	body.services-page.page-service-detail.page-microneedling > .our-approach.bg-section.service-pricing-panel .our-approach-body.wow.fadeInUp :is(h1, h2, h3, h4, h5, h6, p, li, a){
		color: #361319 !important;
		-webkit-text-fill-color: #361319 !important;
	}

	body.services-page.page-service-detail.page-microneedling > .our-approach.bg-section.service-pricing-panel .our-approach-body .mission-vison-content h3{
		color: #7B694E !important;
		-webkit-text-fill-color: #7B694E !important;
	}

	body.services-page.page-service-detail.page-microneedling > .our-approach.bg-section.service-pricing-panel .our-approach-content .section-title h3{
		color: #7B694E !important;
		-webkit-text-fill-color: #7B694E !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	body.services-page.page-service-detail.page-microneedling > .our-approach.bg-section.service-pricing-panel .our-approach-content .section-title h3::before{
		background-color: #7B694E !important;
	}

	/* FINAL mobile override: service-approach dark panel must stay transparent */
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section,
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section > .container,
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section .row,
	body.services-page .what-we-do.bg-section.service-approach-panel.dark-section .section-title{
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
	}

	/* Service detail mobile: What Is section — dark brand panel */
	body.services-page.page-service-detail > :is(
		#what-is-microneedling,
		#what-is-fat-freezing,
		#what-is-iv-therapy
	).what-we-do.bg-section.service-approach-panel.dark-section{
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
	}

	body.services-page.page-service-detail > :is(
		#what-is-microneedling,
		#what-is-fat-freezing,
		#what-is-iv-therapy
	).what-we-do.bg-section.service-approach-panel.dark-section > .container{
		background: #361319 !important;
		background-color: #361319 !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
		border-radius: 20px !important;
	}

	body.services-page.page-service-detail :is(
		#what-is-microneedling,
		#what-is-fat-freezing,
		#what-is-iv-therapy
	) .section-title .wow.fadeInUp,
	body.services-page.page-service-detail :is(
		#what-is-microneedling,
		#what-is-fat-freezing,
		#what-is-iv-therapy
	) .section-title .wow.fadeInUp :is(h1, h2, h3, h4, h5, h6, p, li, a){
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
	}

	body.services-page.page-service-detail :is(
		#what-is-microneedling,
		#what-is-fat-freezing,
		#what-is-iv-therapy
	) .section-title h3.wow.fadeInUp::before{
		background-color: #ffffff !important;
	}

	/* Service detail mobile: card menu panels — light brand tone */
	body.services-page.page-service-detail > :is(
		.page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
		.page-addons:has(.service-item)
	),
	body.services-page.page-service-detail > :is(
		.page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
		.page-addons:has(.service-item)
	) > .container{
		background: #C6B39A !important;
		background-color: #C6B39A !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
	}

	body.services-page.page-service-detail > :is(
		.page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
		.page-addons:has(.service-item),
		#microneedling-pricing-panel.our-approach.bg-section.service-pricing-panel,
		#medical-weight-loss.about-us.bg-section
	){
		border-radius: 20px !important;
		margin-left: 12px;
		margin-right: 12px;
		width: auto;
		max-width: none;
		overflow: hidden;
		padding-top: 52px !important;
	}

	body.services-page.page-service-detail > :is(
		.page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
		.page-addons:has(.service-item),
		#microneedling-pricing-panel.our-approach.bg-section.service-pricing-panel,
		#medical-weight-loss.about-us.bg-section
	) > .container{
		border-radius: 20px !important;
		padding-top: 32px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	body.services-page.page-service-detail > :is(
		.page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
		.page-addons:has(.service-item)
	) .section-title h3{
		color: #7B694E !important;
	}

	body.services-page.page-service-detail > :is(
		.page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
		.page-addons:has(.service-item)
	) .section-title :is(h1, h2, p){
		color: #361319 !important;
	}

	/* Medical wellness: qualification block — no panel bg, sits on body */
	body.services-page.page-service-detail #weight-loss-qualification.what-we-do.bg-section.service-approach-panel.dark-section,
	body.services-page.page-service-detail #weight-loss-qualification.what-we-do.bg-section.service-approach-panel.dark-section > .container,
	body.services-page.page-service-detail #weight-loss-qualification.what-we-do.bg-section.service-approach-panel.dark-section .row,
	body.services-page.page-service-detail #weight-loss-qualification.what-we-do.bg-section.service-approach-panel.dark-section .section-title{
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
		border-radius: 0 !important;
	}

	body.services-page.page-service-detail #weight-loss-qualification.what-we-do.bg-section.service-approach-panel.dark-section{
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		overflow: visible !important;
	}

	/* Medical wellness: weight-loss prescription cards sit on body, not gold panel */
	body.services-page.page-service-detail #weight-loss-prescriptions.page-services.bg-section,
	body.services-page.page-service-detail #weight-loss-prescriptions.page-services.bg-section > .container{
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		border: none !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		overflow: visible !important;
	}

	body.services-page.page-service-detail #weight-loss-qualification .section-title.section-title-center p,
	body.services-page.page-service-detail #weight-loss-qualification .section-title.section-title-center p.wow.fadeInUp{
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
	}

	body.services-page.page-service-detail #pricing-transparency.what-we-do.bg-section{
		padding-top: 52px !important;
		padding-bottom: 52px !important;
	}

	body.services-page.page-service-detail #pricing-transparency.what-we-do.bg-section > .container{
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}
}

/* Pricing & Packages — inner rectangle white on all service pages */
.service-pricing-panel .our-approach-body{
	background: #ffffff !important;
	background-color: #ffffff !important;
	background-image: none !important;
}

.service-pricing-panel .our-approach-body .mission-vison-content h3{
	color: #7B694E !important;
	-webkit-text-fill-color: #7B694E !important;
}

.service-pricing-panel .our-approach-body :is(.mission-vison-content p, p, li, a){
	color: #361319 !important;
	-webkit-text-fill-color: #361319 !important;
}

.service-pricing-panel .our-approach-body .mission-vison-item{
	border-bottom-color: rgba(54, 19, 25, 0.12) !important;
}

.service-pricing-panel .our-approach-body .mission-vison-item .icon-box::before{
	background-color: #7B694E !important;
}

/* Card menu sections: gold panel wrapper, white cards inside */
body.services-page .page-services:has(.service-item):not(#services-nav):not(#weight-loss-prescriptions),
body.services-page .page-addons:has(.service-item){
	background: #C6B39A !important;
	background-color: #C6B39A !important;
	background-image: none !important;
}

body.services-page .page-services:has(.service-item):not(#services-nav) .service-item,
body.services-page .page-addons:has(.service-item) :is(.service-item, .addon-card){
	background-color: #ffffff !important;
	background-image: none !important;
}

/* Medical wellness: weight-loss prescription cards sit on body, not gold panel */
body.services-page.page-service-detail #weight-loss-prescriptions.page-services.bg-section,
body.services-page.page-service-detail #weight-loss-prescriptions.page-services.bg-section > .container{
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}

/* Service page intro videos — match home intro-bg-video (container-fluid, no side padding) */
body.services-page.page-service-detail > .intro-video.bg-section{
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	margin-bottom: var(--services-section-gap);
}

body.services-page.page-service-detail > .intro-video.bg-section > .container-fluid{
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

body.services-page.page-service-detail .intro-bg-video video{
	pointer-events: none;
}
