/* Lélek Wellness Blocks — szekció stílusok
   Minden szabály .lw- prefixű, a téma és az Elementor stílusaiba nem nyúl bele. */

.lw-section {
	--lw-ink: #234B44;
	--lw-ink-deep: #10393C;
	--lw-body: #4F5E58;
	--lw-muted: #8A9490;
	box-sizing: border-box;
	font-family: 'Jost', 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	color: var(--lw-body);
	font-size: 18px;
	line-height: 1.75;
}

.lw-section *,
.lw-section *::before,
.lw-section *::after {
	box-sizing: inherit;
}

.lw-eyebrow {
	font-size: 13px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--lw-muted);
	line-height: 1.5;
}

/* --- Bevezető --- */
.lw-intro {
	display: grid;
	gap: 28px;
}

.lw-intro__title {
	margin: 0;
	max-width: 780px;
	font-size: clamp(28px, 4vw, 44px);
	line-height: 1.22;
	font-weight: 300;
	color: var(--lw-ink);
	letter-spacing: -0.01em;
	text-wrap: pretty;
}

.lw-intro__lead {
	margin: 0;
	max-width: 620px;
	color: #6F7A75;
}

.lw-intro[style*="center"] .lw-intro__title,
.lw-intro[style*="center"] .lw-intro__lead {
	margin-left: auto;
	margin-right: auto;
}

/* --- Testi jelek --- */
.lw-symptoms {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.lw-symptoms--cards {
	gap: 14px;
}

.lw-symptoms--cards .lw-symptom {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(35, 75, 68, 0.07);
	border-radius: 18px;
	padding: 20px 22px;
	color: #2C534C;
	font-size: 17px;
	box-shadow: 0 8px 24px -18px rgba(35, 75, 68, 0.35);
}

.lw-symptoms--list {
	gap: 2px 40px;
	max-width: 900px;
}

.lw-symptoms--list .lw-symptom {
	padding: 14px 0;
	border-bottom: 1px solid rgba(35, 75, 68, 0.1);
	color: #2C534C;
}

/* --- Kiemelt panel --- */
.lw-highlight {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 40px 64px;
	align-items: start;
	border-radius: 32px;
	padding: clamp(28px, 5vw, 64px) clamp(22px, 4vw, 56px);
}

.lw-highlight--mint {
	background: linear-gradient(135deg, #DFE8E4 0%, #EAF0EC 55%, #F4EADA 100%);
}

.lw-highlight--blush {
	background: linear-gradient(140deg, #F5E2DC 0%, #F7EBE3 60%, #F4EADA 100%);
}

.lw-highlight--plain {
	background: #EFF4F1;
	border: 1px solid rgba(35, 75, 68, 0.08);
}

.lw-highlight--none {
	background: none;
	padding: 0;
}

.lw-highlight__lead {
	margin: 0;
	font-size: clamp(20px, 2.4vw, 26px);
	line-height: 1.5;
	font-weight: 300;
	color: var(--lw-ink);
	text-wrap: pretty;
}

.lw-highlight__body {
	margin: 0;
	color: var(--lw-body);
}

/* --- Módszerek --- */
.lw-method {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 48px 72px;
	align-items: start;
}

.lw-method__intro {
	display: grid;
	gap: 22px;
}

.lw-method__statement {
	margin: 0;
	font-size: clamp(19px, 2.2vw, 24px);
	line-height: 1.55;
	font-weight: 300;
	color: var(--lw-ink);
	text-wrap: pretty;
}

.lw-method__notes {
	display: grid;
	gap: 18px;
}

.lw-note {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(35, 75, 68, 0.07);
	border-radius: 22px;
	padding: 28px 30px;
}

.lw-note p {
	margin: 0;
	color: var(--lw-body);
}

/* --- Idézet --- */
.lw-quote-wrap--panel {
	background: rgba(255, 255, 255, 0.55);
	border-top: 1px solid rgba(35, 75, 68, 0.06);
	border-bottom: 1px solid rgba(35, 75, 68, 0.06);
	padding: clamp(40px, 6vw, 96px) clamp(20px, 4vw, 40px);
}

.lw-quote {
	display: grid;
	gap: 28px;
	justify-items: center;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.lw-quote__lead {
	margin: 0;
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.65;
	color: var(--lw-body);
	text-wrap: pretty;
}

.lw-quote__line {
	margin: 0;
	font-size: clamp(24px, 3.4vw, 38px);
	line-height: 1.25;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: var(--lw-ink);
}

/* --- Sikertörténet + cél --- */
.lw-story {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 48px 72px;
	align-items: start;
}

.lw-story__text {
	display: grid;
	gap: 20px;
	justify-items: start;
}

.lw-story__body {
	color: var(--lw-body);
}

.lw-story__body p {
	margin: 0 0 1em;
}

.lw-story__body p:last-child {
	margin-bottom: 0;
}

.lw-goal {
	border-radius: 30px;
	padding: clamp(30px, 4vw, 56px) clamp(22px, 3vw, 44px);
	display: grid;
	gap: 16px;
	align-content: center;
	min-height: 240px;
}

.lw-goal--blush {
	background: linear-gradient(140deg, #F5E2DC 0%, #F7EBE3 60%, #F4EADA 100%);
}

.lw-goal--mint {
	background: linear-gradient(135deg, #DFE8E4 0%, #EAF0EC 55%, #F4EADA 100%);
}

.lw-goal--plain {
	background: #EFF4F1;
	border: 1px solid rgba(35, 75, 68, 0.08);
}

.lw-goal .lw-eyebrow {
	color: #A08C85;
}

.lw-goal__text {
	margin: 0;
	font-size: clamp(20px, 2.4vw, 26px);
	line-height: 1.5;
	font-weight: 300;
	color: #2C534C;
	text-wrap: pretty;
}

/* --- Gomb (üveghatású pill) --- */
.lw-section .lw-btn {
	display: inline-flex;
	align-items: center;
	padding: 17px 32px;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.34));
	-webkit-backdrop-filter: blur(16px) saturate(170%);
	backdrop-filter: blur(16px) saturate(170%);
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(22, 72, 75, 0.07), 0 10px 26px rgba(22, 72, 75, 0.14);
	color: var(--lw-ink-deep);
	font-family: 'Work Sans', 'Jost', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.lw-section a.lw-btn:hover,
.lw-section a.lw-btn:focus {
	color: var(--lw-ink-deep);
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(22, 72, 75, 0.07), 0 14px 32px rgba(22, 72, 75, 0.18);
	transform: translateY(-1px);
}

.lw-section a.lw-btn:focus-visible {
	outline: 2px solid rgba(22, 72, 75, 0.55);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.lw-section .lw-btn {
		transition: none;
	}
	.lw-section a.lw-btn:hover {
		transform: none;
	}
}

@media (max-width: 767px) {
	.lw-section {
		font-size: 17px;
	}
	.lw-highlight,
	.lw-method,
	.lw-story {
		gap: 28px;
	}
}