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

.meb-hero-actions {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 24px;
}
.meb-hero-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 24px;
border-radius: 27px;
background: #ce88bb;
color: #fff !important;
font-weight: 700;
text-decoration: none;
}
.meb-hero-actions a + a {
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.72);
}
.meb-hero-trust {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin: 16px auto 0;
color: #fff;
font-size: 13px;
font-weight: 700;
}
.meb-hero-trust span {
padding: 7px 12px;
border: 1px solid rgba(255,255,255,0.34);
border-radius: 27px;
background: rgba(48,38,41,0.24);
}
.meb-conversion-section {
background: #fff;
padding: 58px 18px 66px;
color: #302629;
}
.meb-conversion-inner {
max-width: 1120px;
margin: 0 auto;
}
.meb-proof-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin: 26px 0 34px;
}
.meb-proof-grid div,
.meb-choice-grid a,
.meb-service-suitability div {
border: 1px solid rgba(206,136,187,0.24);
border-radius: 6px;
background: #fff8fc;
box-shadow: 0 10px 24px rgba(206,136,187,0.10);
}
.meb-proof-grid div {
padding: 18px;
}
.meb-proof-grid strong {
display: block;
font-size: 28px;
line-height: 1.1;
color: #ce88bb;
}
.meb-proof-grid span {
display: block;
margin-top: 6px;
font-size: 14px;
color: #5f5660;
}
.meb-conversion-split {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 26px;
align-items: start;
}
.meb-conversion-section h3 {
font-size: 22px;
line-height: 1.3;
letter-spacing: 0;
margin: 0 0 16px;
}
.meb-choice-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.meb-choice-grid a {
display: block;
padding: 17px;
text-decoration: none;
color: #302629 !important;
}
.meb-choice-grid strong,
.meb-choice-grid span {
display: block;
}
.meb-choice-grid span,
.meb-process-list span,
.meb-service-suitability p,
.meb-gallery-prompt p {
font-size: 14px;
line-height: 1.65;
color: #66575a;
margin: 6px 0 0;
}
.meb-process-list {
list-style: none;
counter-reset: meb-step;
padding: 0;
margin: 0;
}
.meb-process-list li {
position: relative;
counter-increment: meb-step;
padding: 0 0 18px 44px;
min-height: 36px;
}
.meb-process-list li:before {
content: counter(meb-step);
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ce88bb;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
}
.meb-process-list strong {
display: block;
font-size: 15px;
line-height: 1.3;
}
.meb-footer-facebook p {
margin: 0 0 10px;
font-size: 15px;
line-height: 1.65;
color: #66717a;
}
.meb-footer-facebook strong {
display: block;
margin: 0 0 14px;
font-size: 14px;
line-height: 1.4;
color: #ce88bb;
}
.meb-footer-facebook a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 16px;
border-radius: 27px;
background: #ce88bb;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.meb-footer-facebook a:hover,
.meb-footer-facebook a:focus {
background: #b96fa6;
color: #fff !important;
}
.meb-facebook-work {
margin-top: 34px;
padding-top: 30px;
border-top: 1px solid rgba(206,136,187,0.20);
}
.meb-facebook-work__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin-bottom: 18px;
}
.meb-facebook-work__head h3 {
margin-bottom: 0;
}
.meb-facebook-work__head a {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 16px;
border-radius: 27px;
background: #ce88bb;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.meb-facebook-photo-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.meb-facebook-photo-grid figure {
margin: 0;
border-radius: 6px;
overflow: hidden;
background: #fff8fc;
border: 1px solid rgba(206,136,187,0.22);
box-shadow: 0 10px 24px rgba(206,136,187,0.10);
}
.meb-facebook-photo-grid img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.meb-facebook-photo-grid figcaption {
padding: 12px 14px 14px;
font-size: 13px;
line-height: 1.45;
color: #66575a;
}
.meb-gallery-prompt,
.meb-service-final-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: 30px;
padding: 24px;
border-radius: 6px;
background: #302629;
color: #fff;
}
.meb-gallery-prompt h3,
.meb-gallery-prompt p,
.meb-service-final-cta p {
color: #fff !important;
}
.meb-gallery-prompt a,
.meb-service-final-cta a {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 20px;
border-radius: 27px;
background: #ce88bb;
color: #fff !important;
font-weight: 700;
text-decoration: none;
}
.meb-service-proof {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 18px 0 18px;
}
.meb-service-proof span {
padding: 8px 12px;
border-radius: 27px;
background: #fff8fc;
border: 1px solid rgba(206,136,187,0.25);
font-size: 13px;
font-weight: 700;
color: #6a4f5f;
}
.meb-service-suitability {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 18px 0 24px;
}
.meb-service-suitability div {
padding: 18px;
}
.meb-service-landing .meb-process-list {
margin: 18px 0 28px;
}
.meb-service-final-cta {
margin-top: 28px;
}
.meb-service-final-cta p {
margin: 0;
font-weight: 700;
}
@media (max-width: 900px) {
.meb-proof-grid,
.meb-conversion-split,
.meb-service-suitability {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meb-conversion-split {
	grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.meb-hero-actions a,
.meb-gallery-prompt a,
.meb-service-final-cta a {
	width: 100%;
}
.meb-proof-grid,
.meb-choice-grid,
.meb-service-suitability {
	grid-template-columns: 1fr;
}
.meb-gallery-prompt,
.meb-service-final-cta,
.meb-facebook-work__head {
	align-items: flex-start;
	flex-direction: column;
}
.meb-facebook-photo-grid {
	grid-template-columns: 1fr;
}
}