@layer dar-studio-defaults {
/* LP04 — Client Results / Testimonials */

.ds-lp04,
.e-con.ds-lp04 {
	width: 100%;
	color: var(--ds-color-text-bright);
}

.e-con.ds-lp04 {
	--width: 100%;
	--content-width: 100%;
	padding: 0 !important;
}

.ds-lp04__inner,
.e-con.ds-lp04__inner {
	width: 100%;
	max-width: var(--ds-container-max);
	margin-inline: auto;
}

.e-con.ds-lp04__inner > .e-con-inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--ds-space-stack-lg);
	width: 100%;
	max-width: var(--ds-container-max);
	margin-inline: auto;
}

/* --- Dividers --- */
.e-con.ds-lp04__divider {
	width: 100% !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0;
	border: none;
	border-top: 1px solid rgba(120, 170, 220, 0.1);
}

/* --- Eyebrow --- */
.ds-lp04__eyebrow,
.elementor-element.ds-lp04__eyebrow .elementor-heading-title {
	margin: 0;
	text-align: center;
	color: var(--ds-color-text-muted);
}

.elementor-element.ds-lp04__eyebrow {
	width: 100% !important;
}

/* --- Grid --- */
.ds-lp04__grid,
.e-con.ds-lp04__grid {
	display: grid !important;
	grid-template-columns: var(--e-con-grid-template-columns, repeat(3, minmax(0, 1fr)));
	gap: var(--ds-gap-grid);
	width: 100%;
}

.e-con.ds-lp04__grid {
	flex-direction: unset !important;
	flex-wrap: unset !important;
}

.e-con.ds-lp04__grid > .e-con.ds-lp04__card {
	width: 100% !important;
	min-width: 0;
	height: 100%;
}

/* --- Testimonial cards (minimal dark glass) --- */
.e-con.ds-lp04__card {
	position: relative;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100%;
	min-height: 200px;
	padding: 2.25rem 2rem !important;
	overflow: hidden;
	text-align: center;
	border: 1px solid rgba(120, 170, 220, 0.14);
	border-radius: 22px;
	background: linear-gradient(
		180deg,
		rgba(18, 27, 47, 0.88) 0%,
		rgba(10, 16, 31, 0.94) 100%
	);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
	transition: all 0.25s ease;
}

.e-con.ds-lp04__card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 28%);
}

.e-con.ds-lp04__card:hover {
	border-color: rgba(120, 170, 220, 0.24);
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);
	transform: translateY(-2px);
}

.e-con.ds-lp04__card > .elementor-element {
	position: relative;
	z-index: 1;
	width: 100% !important;
}

/* --- Stars --- */
.elementor-element.ds-lp04__stars {
	width: auto !important;
	margin: 0 0 1rem;
}

.elementor-element.ds-lp04__stars .elementor-heading-title {
	margin: 0;
	color: var(--ds-color-accent-green);
}

/* --- Quote --- */
.elementor-element.ds-lp04__quote {
	width: 100% !important;
	max-width: 20rem;
	margin: 0 0 1.25rem;
}

.elementor-element.ds-lp04__quote p {
	margin: 0 auto;
	color: var(--ds-color-text-primary);
}

/* --- Role --- */
.elementor-element.ds-lp04__role {
	width: auto !important;
	margin: 0;
}

.elementor-element.ds-lp04__role .elementor-heading-title {
	margin: 0;
	color: var(--ds-color-text-muted);
}

/* --- Mobile --- */
@media (max-width: 767px) {
.e-con.ds-lp04__inner {
		padding-block: 4rem !important;
		padding-inline: 1rem !important;
	}

	.ds-lp04__grid,
.e-con.ds-lp04__grid {
		gap: 1.25rem;
	}

.e-con.ds-lp04__card {
		min-height: auto;
		padding: 1.75rem 1.5rem !important;
	}

.elementor-element.ds-lp04__quote {
		max-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
.e-con.ds-lp04__card {
		transition: none;
	}

.e-con.ds-lp04__card:hover {
		transform: none;
	}
}
}