/**
 * Extracted from functions.php inline style block `mebeauty-aeo-css` during Phase 2 cleanup.
 * Keep selectors and values stable to preserve staging appearance.
 */

.meb-aeo-section {
background: #fff8fc;
padding: 58px 18px 70px;
color: #302629;
}
.meb-aeo-inner {
max-width: 1120px;
margin: 0 auto;
}
.meb-aeo-eyebrow {
margin: 0 0 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
color: #c276ae;
text-transform: uppercase;
}
.meb-aeo-section h2 {
margin: 0 0 16px;
font-size: 31px;
line-height: 1.25;
letter-spacing: 0;
}
.meb-aeo-lede {
max-width: 820px;
margin: 0 0 28px;
font-size: 16px;
line-height: 1.75;
}
.meb-service-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 24px 0;
}
.meb-service-card {
background: #fff;
border: 1px solid rgba(206, 136, 187, 0.22);
border-radius: 6px;
padding: 20px;
box-shadow: 0 8px 22px rgba(206, 136, 187, 0.10);
}
.meb-service-card h3,
.meb-service-card h3 a {
margin: 0 0 10px;
font-size: 18px;
line-height: 1.3;
letter-spacing: 0;
color: #302629;
text-decoration: none;
}
.meb-service-card p,
.meb-faq-block p,
.meb-aeo-cta p {
margin: 0;
font-size: 15px;
line-height: 1.7;
}
.meb-aeo-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin: 28px 0;
padding: 22px;
background: #fff;
color: #5f5660;
border: 1px solid rgba(206, 136, 187, 0.26);
border-radius: 6px;
box-shadow: 0 12px 32px rgba(206, 136, 187, 0.12);
}
.meb-aeo-cta a {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
background: #ce88bb;
color: #fff !important;
border-radius: 27px;
font-weight: 700;
text-decoration: none;
}
.meb-aeo-cta a:hover,
.meb-aeo-cta a:focus,
.meb-service-actions a:hover,
.meb-service-actions a:focus {
background: #b96fa6;
color: #fff !important;
}
.meb-faq-block {
margin-top: 34px;
}
.meb-faq-block h2 {
font-size: 25px;
}
.meb-faq-block details {
background: #fff;
border: 1px solid rgba(48, 38, 41, 0.12);
border-radius: 6px;
padding: 16px 18px;
margin: 10px 0;
}
.meb-faq-block summary {
cursor: pointer;
font-weight: 700;
line-height: 1.45;
}
.meb-faq-block details p {
margin-top: 10px;
}
.meb-aeo-note {
margin-top: 18px !important;
font-size: 14px !important;
color: #66575a;
}
@media (max-width: 900px) {
.meb-service-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meb-aeo-cta {
	align-items: flex-start;
	flex-direction: column;
}
}
@media (max-width: 560px) {
.meb-aeo-section {
	padding: 42px 16px 82px;
}
.meb-aeo-section h2 {
	font-size: 24px;
}
.meb-service-grid {
	grid-template-columns: 1fr;
}
.meb-aeo-cta a {
	width: 100%;
}
}