/* =============================================================
   Enlightenmd – Red Light Therapy Widgets  |  Design A: Coral Warmth
   ============================================================= */
 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@300;400;500&family=Raleway:wght@300;400;500&display=swap');
 
/* ── Shared base ── */
.enmd-wcl,
.enmd-app,
.enmd-diff,
.enmd-cta {
	width: 100%;
}
 
/* =============================================================
   1. WHY CLIENTS LOVE
   ============================================================= */
 
.enmd-wcl {
	background-color: #fff8f6;
	padding: 60px 40px;
}
 
.enmd-wcl__inner {
	max-width: 1100px;
	margin: 0 auto;
}
 
.enmd-wcl__eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: #993C1D;
	margin: 0 0 10px;
}
 
.enmd-wcl__heading {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 300;
	color: #4A1B0C;
	line-height: 1.2;
	margin: 0 0 14px;
	padding: 0;
}
 
.enmd-wcl__intro-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: #712B13;
	margin: 0 0 28px;
}
 
/* Benefit grid */
.enmd-wcl__grid {
	display: grid;
	gap: 10px;
	margin-bottom: 24px;
}
.enmd-wcl__grid--2 { grid-template-columns: repeat(2, 1fr); }
.enmd-wcl__grid--3 { grid-template-columns: repeat(3, 1fr); }
.enmd-wcl__grid--4 { grid-template-columns: repeat(4, 1fr); }
 
.enmd-wcl__card {
	background-color: #FAECE7;
	border-radius: 8px;
	padding: 14px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	transition: background-color 0.2s ease;
}
.enmd-wcl__card:hover {
	background-color: #F5C4B3;
}
 
.enmd-wcl__card-icon {
	font-size: 20px;
	color: #993C1D;
	flex-shrink: 0;
	line-height: 1;
	margin-top: 1px;
}
.enmd-wcl__card-icon i,
.enmd-wcl__card-icon svg {
	font-size: inherit;
	color: inherit;
	fill: #993C1D;
	width: 1em;
	height: 1em;
}
 
.enmd-wcl__card-label {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	color: #4A1B0C;
	line-height: 1.4;
}
 
/* Closing note */
.enmd-wcl__closing {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 16px;
	font-style: italic;
	color: #712B13;
	line-height: 1.6;
	border-left: 3px solid #F0997B;
	padding-left: 12px;
	margin: 0;
	border-radius: 0;
}
 
/* =============================================================
   2. ENLIGHTENMD APPROACH
   ============================================================= */
 
.enmd-app {
	background-color: #ffffff;
	border-top: 0.5px solid #F5C4B3;
	padding: 60px 40px;
}
 
.enmd-app__inner {
	max-width: 1100px;
	margin: 0 auto;
}
 
.enmd-app__split {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}
 
.enmd-app__split--sidebar .enmd-app__left {
	flex: 1;
	min-width: 0;
}
 
.enmd-app__eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: #993C1D;
	margin: 0 0 10px;
}
 
.enmd-app__heading {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(24px, 3vw, 36px);
	font-weight: 300;
	color: #4A1B0C;
	line-height: 1.2;
	margin: 0 0 14px;
	padding: 0;
}
 
.enmd-app__body {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: #712B13;
	margin: 0 0 10px;
}
 
.enmd-app__closing {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 15px;
	font-style: italic;
	color: #712B13;
	margin: 0;
}
 
/* Sidebar / device card */
.enmd-app__sidebar {
	width: 220px;
	flex-shrink: 0;
	background-color: #FAECE7;
	border-radius: 8px;
	padding: 18px 16px;
}
 
.enmd-app__device-label {
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #993C1D;
	margin: 0 0 8px;
}
 
.enmd-app__device-name {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 15px;
	font-weight: 400;
	color: #4A1B0C;
	line-height: 1.3;
	margin: 0 0 12px;
}
 
.enmd-app__features {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
 
.enmd-app__feature {
	display: flex;
	align-items: center;
	gap: 7px;
}
 
.enmd-app__device-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #D85A30;
	flex-shrink: 0;
	display: inline-block;
}
 
.enmd-app__feature-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 13px;
	color: #712B13;
}
 
/* =============================================================
   3. ENLIGHTENMD DIFFERENCE
   ============================================================= */
 
.enmd-diff {
	background-color: #4A1B0C;
	border-top: 0.5px solid #712B13;
	padding: 60px 40px;
}
 
.enmd-diff__inner {
	max-width: 1100px;
	margin: 0 auto;
}
 
.enmd-diff__eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: #F0997B;
	margin: 0 0 10px;
}
 
.enmd-diff__heading {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(24px, 3vw, 36px);
	font-weight: 300;
	color: #FAECE7;
	line-height: 1.2;
	margin: 0 0 14px;
	padding: 0;
}
 
.enmd-diff__body {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: #F5C4B3;
	margin: 0 0 28px;
}
 
/* Point cards grid */
.enmd-diff__grid {
	display: grid;
	gap: 10px;
}
.enmd-diff__grid--2 { grid-template-columns: repeat(2, 1fr); }
.enmd-diff__grid--3 { grid-template-columns: repeat(3, 1fr); }
.enmd-diff__grid--4 { grid-template-columns: repeat(4, 1fr); }
 
.enmd-diff__point {
	background-color: #712B13;
	border-radius: 8px;
	padding: 16px 14px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	transition: background-color 0.2s ease;
}
.enmd-diff__point:hover {
	background-color: #993C1D;
}
 
.enmd-diff__point-icon {
	font-size: 18px;
	color: #F0997B;
	flex-shrink: 0;
	line-height: 1;
	margin-top: 1px;
}
.enmd-diff__point-icon i,
.enmd-diff__point-icon svg {
	font-size: inherit;
	color: inherit;
	fill: #F0997B;
	width: 1em;
	height: 1em;
}
 
.enmd-diff__point-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	color: #FAECE7;
	line-height: 1.4;
}
 
/* =============================================================
   4. CTA SECTION
   ============================================================= */
 
.enmd-cta {
	background-color: #D85A30;
	border-top: 0.5px solid #993C1D;
	padding: 56px 40px;
}
 
.enmd-cta__inner {
	max-width: 1100px;
	margin: 0 auto;
}
 
/* Split layout */
.enmd-cta__inner--split {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}
 
/* Centered layout */
.enmd-cta__inner--centered {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
}
 
.enmd-cta__heading {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(22px, 3vw, 34px);
	font-weight: 300;
	font-style: italic;
	color: #ffffff;
	line-height: 1.2;
	margin: 0 0 6px;
	padding: 0;
}
 
.enmd-cta__sub {
	font-family: 'DM Sans', sans-serif;
	font-size: 15px;
	color: #F5C4B3;
	margin: 0;
	line-height: 1.5;
}
 
.enmd-cta__btn {
	display: inline-block;
	background-color: #ffffff;
	color: #993C1D;
	font-family: 'DM Sans', sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding: 14px 28px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
	white-space: nowrap;
	flex-shrink: 0;
	line-height: 1;
}
.enmd-cta__btn:hover {
	background-color: #FAECE7;
	color: #4A1B0C;
	text-decoration: none;
	transform: translateY(-2px);
}
.enmd-cta__btn:active {
	transform: translateY(0);
}
 
/* =============================================================
   RESPONSIVE
   ============================================================= */
 
@media (max-width: 1024px) {
	.enmd-wcl__grid--4 { grid-template-columns: repeat(3, 1fr); }
	.enmd-diff__grid--4 { grid-template-columns: repeat(2, 1fr); }
}
 
@media (max-width: 768px) {
	.enmd-wcl,
	.enmd-app,
	.enmd-diff,
	.enmd-cta { padding: 40px 24px; }
 
	.enmd-wcl__grid--3,
	.enmd-wcl__grid--4 { grid-template-columns: repeat(2, 1fr); }
 
	.enmd-app__split { flex-direction: column; }
	.enmd-app__sidebar { width: 100%; }
 
	.enmd-diff__grid--3,
	.enmd-diff__grid--4 { grid-template-columns: repeat(2, 1fr); }
 
	.enmd-cta__inner--split {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
}
 
@media (max-width: 480px) {
	.enmd-wcl,
	.enmd-app,
	.enmd-diff,
	.enmd-cta { padding: 32px 16px; }
 
	.enmd-wcl__grid--2,
	.enmd-wcl__grid--3,
	.enmd-wcl__grid--4 { grid-template-columns: 1fr 1fr; }
 
	.enmd-diff__grid--2,
	.enmd-diff__grid--3,
	.enmd-diff__grid--4 { grid-template-columns: 1fr 1fr; }
}