/* Figma mobile 1897:5214. Shared components retain their existing styles. */
.de-aesthetics-testimonials .de-testimonial-card {
	aspect-ratio: 5 / 2;
	border: 1px solid rgb(89 66 203 / 10%);
	border-radius: 14px;
	box-shadow: 4px 4px 17px rgb(89 65 205 / 20%);
}

.de-aesthetics-testimonials .de-testimonial-card__artwork {
	object-fit: cover;
}

.de-aesthetics-testimonials .de-testimonial-card__play-indicator {
	left: 81.25%;
}

.de-aesthetics-testimonials .de-testimonial-card__play-surface {
	background: linear-gradient(90deg, transparent 55%, rgb(24 15 68 / 5%));
}

.de-aesthetics-testimonials .de-testimonials__booking {
	margin-top: 40px;
}

@media (max-width: 700px) {
	.de-aesthetics-testimonials .de-testimonials__heading p.de-section-description {
		font-size: 20px;
		line-height: 1.2;
		max-width: 299px;
	}

	.de-aesthetics-testimonials .de-testimonial-card__play-indicator {
		height: 35px;
		width: 35px;
	}
}

.de-aesthetics {
	overflow: hidden;
}

.de-aesthetics-hero .de-about-hero__inner {
	align-items: flex-start;
	padding-bottom: calc(clamp(2rem, 5dvh, 3rem) + env(safe-area-inset-bottom, 0px));
	text-align: left;
}

.de-aesthetics-hero h1 {
	font-family: var(--de-heading);
	font-size: clamp(2.25rem, 4vw, 3.75rem);
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 40px;
}

.de-aesthetics-hero p.de-aesthetics-hero__description {
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 40px;
	max-width: 650px;
}

.de-aesthetics-hero h1,
.de-aesthetics-hero p.de-aesthetics-hero__description {
	text-shadow: 0 2px 8px rgb(0 0 0 / 45%);
}

.de-aesthetics-hero__card {
	background: rgb(255 255 255 / 65%);
	border-radius: 14px;
	color: #372f4c;
	margin-top: auto;
	max-width: 100%;
	padding: 30px 17px;
	text-align: center;
	width: fit-content;
}

.de-aesthetics-hero__card > .de-button {
	max-width: 100%;
	min-height: 52px;
	padding: 13px 16px;
	width: 261px;
}

.de-aesthetics-hero__benefits li {
	align-items: start;
}

/* The aesthetics result variant uses the shared carousel and comparison controls. */
.de-aesthetics-hero + .de-home-results--aesthetics {
	padding-top: calc(var(--de-section-space) + 1rem);
}

.de-home-results--aesthetics .de-home-results__heading {
	margin-bottom: 35px;
}

.de-home-results--aesthetics .de-home-results__heading > .de-eyebrow {
	margin-bottom: 0;
}

:root body main .de-home-results--aesthetics .de-home-results__heading > h2:not(.screen-reader-text) {
	margin: 25px auto 0;
}

:root body main .de-home-results--aesthetics .de-home-results__heading > h2 + p {
	font-size: 20px;
	line-height: 25px;
	margin: 35px auto 0;
	max-width: 365px;
}

@media (min-width: 701px) {
	:root body main .de-home-results--aesthetics .de-home-results__heading > h2 + p {
		max-width: 550px;
	}
}

.de-home-results--aesthetics .de-home-results__carousel {
	background: linear-gradient(180deg, rgb(244 242 253 / 0%) 0%, #f4f2fd 100%);
	border: 1px solid rgb(89 66 203 / 14%);
	border-radius: 14px;
	box-shadow: 2px 2px 20px 2px rgb(89 65 205 / 10%);
	max-width: 800px;
	padding: 14px 9px 12px;
}

.de-home-results--aesthetics .de-home-results__comparison {
	aspect-ratio: 380 / 157;
	border-radius: 14px;
}

.de-home-results--aesthetics .de-home-results__comparison-label {
	--de-home-results-label-offset: 12px;
	font-size: 10px;
	height: 20px;
	padding-inline: 7px;
	top: 12px;
}

.de-home-results--aesthetics .de-home-results__comparison-label-text {
	transform: none;
}

.de-home-results--aesthetics .de-home-results__comparison-handle {
	height: 34px;
	width: 34px;
}

.de-home-results--aesthetics .de-home-results__comparison-handle svg {
	height: 20px;
	width: 20px;
}

.de-home-results--aesthetics .de-home-results__comparison-handle path {
	stroke: #372f4c;
}

.de-home-results--aesthetics .de-home-results__comparison-help {
	color: #828282;
	font-size: 12px;
	gap: 6px;
	line-height: 16px;
	margin-top: 8px;
}

.de-home-results--aesthetics .de-home-results__result {
	margin: 18px 10px 0;
}

.de-home-results--aesthetics .de-home-results__treatment {
	color: #5942cb;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.45;
	margin: 0;
	text-transform: uppercase;
}

.de-home-results--aesthetics .de-home-results__result-title {
	color: #372f4c;
	font-family: var(--de-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	margin: 12px 0 0;
}

@media (min-width: 701px) {
	.de-home-results--aesthetics .de-home-results__treatment {
		font-size: 14px;
	}

	.de-home-results--aesthetics .de-home-results__result-title {
		font-size: 24px;
		line-height: 1.3;
	}
}

.de-home-results--aesthetics .de-home-results__navigation {
	margin-top: 14px;
}

.de-home-results--aesthetics .de-home-results__dots {
	gap: 10px;
}

.de-home-results--aesthetics .de-home-results__dots button {
	background: #d2cedc;
	flex-basis: 10px;
	height: 10px;
	width: 10px;
}

.de-home-results--aesthetics .de-home-results__dots button[aria-current="true"] {
	background: #5942cb;
}

.de-aesthetics-section {
	padding-block: 70px 0;
}

#fatete-dentare .de-price-accordion:not([open]) > summary,
#intrebari-estetica .de-price-accordion:not([open]) > summary {
	color: #1a1a1a;
}

#fatete-dentare .de-prosthetics-solution__list {
	list-style: disc;
	margin: 0;
	padding-left: 1.2em;
}

#fatete-dentare .de-prosthetics-solution__list li {
	margin-bottom: 1rem;
}

#fatete-dentare .de-prosthetics-solution__list li:last-child {
	margin-bottom: 0;
}

.de-aesthetics-section--tint {
	background: #f4f2fd;
	margin-top: 70px;
	padding-block: 40px;
}

.de-aesthetics-section .de-section-heading {
	margin: 0 auto 40px;
	max-width: 800px;
}

.de-aesthetics-section .de-section-heading > h2 {
	color: #4823c7;
	margin: 25px auto 0;
}

@media (max-width: 700px) {
	.de-home-results--aesthetics .de-home-results__heading > h2 {
		max-width: 328px;
	}
}

.de-aesthetics-section .de-section-heading > p:not(.de-eyebrow) {
	color: #372f4c;
	font-size: 20px;
	line-height: 25px;
	margin: 35px auto 0;
	max-width: 650px;
}

.de-aesthetics-section .de-eyebrow {
	font-size: 16px;
	line-height: 18px;
	padding: 7px 20px;
}

.de-aesthetics-section .de-eyebrow::before {
	height: 18px;
	width: 18px;
}

.de-aesthetics-section .de-button-row {
	margin-top: 30px;
}

.de-aesthetics-treatments,
.de-aesthetics-recommendations {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.de-aesthetics-treatment {
	background: #fff;
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 18px;
}

.de-aesthetics-treatment > header {
	align-items: center;
	display: flex;
	gap: 10px;
}

.de-aesthetics-number {
	color: #5942cb;
	flex: none;
	font-family: var(--de-heading);
	font-size: 36px;
	font-weight: 700;
	line-height: 52px;
}

.de-aesthetics-treatment h3 {
	color: #372f4c;
	font-family: var(--de-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	margin: 0;
}

.de-aesthetics-treatment p {
	color: #756e87;
	font-size: 14px;
	line-height: 1.45;
	margin: 0 0 20px;
}

.de-aesthetics-treatment p:last-child {
	margin-bottom: 0;
}

.de-aesthetics-treatment > img {
	border-radius: 10px;
	display: block;
	height: auto;
	margin-top: auto;
	width: 100%;
}

.de-aesthetics-design__media {
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

.de-aesthetics-design__media {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative;
}

@media (min-width: 701px) {
	.de-aesthetics-design__media {
		border-radius: clamp(1rem, 2vw, 2rem);
		max-width: 800px;
	}
}

@media (max-width: 700px) {
	.de-aesthetics-design > .de-container.de-aesthetics-design__media-container {
		padding-inline: 0;
	}
}

.de-aesthetics-design__media > img,
.de-aesthetics-design__media > video {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.de-aesthetics-design__image {
	transition: opacity 360ms ease, visibility 0s;
	z-index: 2;
}

.de-aesthetics-design__media > video {
	z-index: 1;
}

.de-aesthetics-design__media.is-video-ready > img {
	opacity: 0;
	transition-delay: 0s, 360ms;
	visibility: hidden;
}

/* Keep the shared LP video's gutters instead of the service-page override. */
.de-aesthetics > .de-mihaela-story > .de-container {
	padding-inline: var(--de-layout-gutter);
}

.de-aesthetics-design .de-aesthetics-check-card {
	margin: 30px auto 0;
	max-width: 800px;
}

.de-aesthetics-check-card {
	background: #f4f2fd;
	border-radius: 22px;
	padding: 18px;
}

.de-aesthetics-check-card h3 {
	color: #5942cb;
	font-family: var(--de-font);
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px;
}

.de-aesthetics-checks {
	gap: 0;
	margin: 0;
}

.de-aesthetics-checks li {
	font-size: 16px;
	gap: 9px;
	line-height: 21px;
	padding: 0 0 15px;
}

.de-aesthetics-checks li + li {
	border-top: 1px solid #ddd5f7;
	padding-top: 15px;
}

.de-aesthetics-checks li:last-child {
	padding-bottom: 0;
}

.de-aesthetics-note {
	color: #756e87;
	font-size: 12px;
	line-height: 18px;
	margin: 30px auto 0;
	padding-inline: 1rem;
	text-align: center;
}

#costuri-estetica .de-section-heading {
	margin-bottom: 32px;
}

#costuri-estetica .de-section-heading > h2 {
	margin-top: 20px;
}

#costuri-estetica .de-section-heading > p:not(.de-eyebrow) {
	font-size: 18px;
	line-height: 24px;
	margin-top: 25px;
}

#costuri-estetica .de-button-row .de-button {
	width: fit-content;
}

.de-aesthetics-costs {
	margin-inline: auto;
	max-width: 800px;
}

.de-aesthetics-costs > article {
	background: #fff;
	border-radius: 24px;
	padding: 20px;
}

.de-aesthetics-costs h3 {
	color: #5942cb;
	font-family: var(--de-heading);
	font-size: 22px;
	font-weight: 600;
	line-height: 25px;
	margin: 0 0 12px;
}

.de-aesthetics-costs__treatment {
	color: #372f4c;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin: 0;
}

.de-aesthetics-costs__includes-label {
	border-top: 1px solid #ddd5f7;
	color: #756e87;
	font-size: 16px;
	line-height: 22px;
	margin: 12px 0 8px;
	padding-top: 12px;
}

.de-aesthetics-costs__includes {
	gap: 0;
	margin: 0;
}

.de-aesthetics-costs__includes li {
	color: #372f4c;
	font-size: 16px;
	gap: 9px;
	line-height: 22px;
	padding-block: 12px;
}

.de-aesthetics-costs__includes li + li {
	border-top: 1px solid #ddd5f7;
}

.de-aesthetics-costs__includes li:first-child {
	padding-top: 0;
}

.de-aesthetics-costs__includes li:last-child {
	padding-bottom: 0;
}

.de-aesthetics-costs__total {
	color: #372f4c;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin: 28px 0 0;
}

.de-aesthetics-costs__total strong {
	color: #5942cb;
	white-space: nowrap;
}

.de-aesthetics-support .de-support-card {
	background: #fff;
	border-radius: 24px;
	box-shadow: none;
	margin: 0 auto;
	max-width: 800px;
	padding: 20px;
}

.de-aesthetics-support .de-support-card__core {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding: 0;
	text-align: left;
}

.de-aesthetics-support .de-support-card h3 {
	color: #372f4c;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.de-aesthetics-support .de-support-card__photo {
	margin: 0 0 20px;
	order: -1;
	width: 100%;
}

.de-aesthetics-support .de-support-card__photo img {
	aspect-ratio: 1444 / 712;
	height: auto;
	object-fit: cover;
}

.de-aesthetics-support .de-support-card .de-patient-support__card-heading > img {
	display: none;
}

.de-aesthetics-support .de-support-card__message {
	font-size: 18px;
	line-height: 1.5;
	margin: 12px 0 0;
	max-width: none;
}

.de-aesthetics-support .de-patient-support--comments-only {
	background: transparent;
	margin: 40px auto 0;
	padding: 0;
}

.de-aesthetics-support .de-patient-support__inner {
	max-width: 100%;
	width: 100%;
}

.de-aesthetics-support .de-patient-comments__card {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.de-aesthetics-support .de-patient-comments__card > header {
	justify-content: center;
	text-align: center;
}

:root body main .de-aesthetics-support .de-patient-comments__card .de-patient-support__card-heading h2 {
	font-size: 26px;
	line-height: 32px;
}

.de-aesthetics-support .de-patient-comments__card > header > img,
.de-aesthetics-support .de-patient-comments__card > header p {
	display: none;
}

.de-aesthetics-support .de-patient-comments__columns {
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.de-aesthetics-support .de-patient-comment,
.de-aesthetics-support .de-patient-comment:not(:last-child) {
	background: #fff;
	border: 0;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	margin: 0 0 15px;
	padding: 18px;
}

.de-aesthetics-support .de-patient-comment__stars {
	color: #5942cb;
	font-size: 20px;
	line-height: 24px;
	order: -2;
}

.de-aesthetics-support .de-patient-comment > p {
	font-size: 16px;
	line-height: 24px;
	margin: 8px 0;
	order: -1;
}

.de-aesthetics-support .de-patient-comment__author {
	gap: 7px;
}

.de-aesthetics-support .de-patient-comment h4 {
	color: #756e87;
	font-size: 14px;
	line-height: 20px;
}

.de-aesthetics-support .de-patient-comment__avatar--fallback {
	font-size: 14px;
}

@media (max-width: 700px) {
	.de-aesthetics-support .de-patient-comments__columns {
		display: block;
	}

	.de-aesthetics-support .de-patient-comments__column:not(:last-child):has(+ .de-patient-comments__column:not(:empty)) > .de-patient-comment:last-child {
		border: 0;
		margin: 0 0 15px;
		padding: 18px;
	}

	.de-aesthetics-hero .de-about-hero__inner.de-container {
		padding-inline: 1rem;
	}

	.de-aesthetics-hero__card {
		margin-inline: auto;
		max-width: 25rem;
		width: 100%;
	}

	.de-aesthetics-hero h1 {
		font-size: 44px;
		line-height: 48px;
	}

	.de-aesthetics-treatments,
	.de-aesthetics-recommendations {
		grid-template-columns: minmax(0, 1fr);
	}

	.de-aesthetics-section .de-section-heading > h2 {
		max-width: 361px;
	}

	.de-aesthetics-section .de-button-row .de-button {
		max-width: 100%;
		min-height: 52px;
		padding: 13px 24px;
	}

	:is(#tratamente-estetice, #fatete-dentare) .de-button-row .de-button {
		width: fit-content;
	}

}

@media (max-width: 390px) {
	.de-aesthetics-hero h1 {
		font-size: 38px;
	}

	.de-aesthetics-section .de-button-row .de-button {
		padding-inline: 16px;
	}
}
