/* MaxDetox — визия на бранда. Основен цвят #C11763. */

:root {
	--mdx-primary: #c11763;
	--mdx-primary-dark: #9b0f4d;
	--mdx-primary-soft: #fbe9f1;
	--mdx-blush: #fdf5f8;
	--mdx-cream: #fffaf6;
	--mdx-ink: #2a1720;
	--mdx-text: #4a3a42;
	--mdx-muted: #7d6a73;
	--mdx-line: #eedde5;
	--mdx-green: #2f7d5b;
	--mdx-radius: 20px;
	--mdx-radius-sm: 12px;
	--mdx-shadow: 0 18px 50px -24px rgba(122, 16, 64, .35);
	--mdx-shadow-sm: 0 6px 20px -10px rgba(122, 16, 64, .25);
	--mdx-serif: 'Lora', Georgia, serif;
	--mdx-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mdx-wrap: 1180px;
}

/* ---------- Основа ---------- */
body.mdx {
	font-family: var(--mdx-sans);
	color: var(--mdx-text);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
body.mdx h1, body.mdx h2, body.mdx h3, body.mdx h4,
body.mdx .entry-title, body.mdx .site-title {
	font-family: var(--mdx-serif);
	color: var(--mdx-ink);
	letter-spacing: -.01em;
}
body.mdx h1, body.mdx h2, body.mdx h3, body.mdx h4, body.mdx h5, body.mdx h6 { text-transform: none !important; }
body.mdx a { color: var(--mdx-primary); }
body.mdx a:hover { color: var(--mdx-primary-dark); }
body.mdx ::selection { background: var(--mdx-primary); color: #fff; }

/* Бутони: блокови, WooCommerce и нашите */
body.mdx .wp-block-button__link,
body.mdx .mdx-btn,
body.mdx .woocommerce a.button,
body.mdx .woocommerce button.button,
body.mdx .woocommerce #place_order,
body.mdx .ast-button, body.mdx .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	background: var(--mdx-primary);
	color: #fff;
	border: 2px solid var(--mdx-primary);
	border-radius: 999px;
	padding: .95em 1.9em;
	font-family: var(--mdx-sans);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.1;
	text-decoration: none;
	box-shadow: var(--mdx-shadow-sm);
	transition: background .2s, border-color .2s, color .2s, transform .2s, box-shadow .2s;
}
body.mdx .wp-block-button__link:hover,
body.mdx .mdx-btn:hover,
body.mdx .woocommerce a.button:hover,
body.mdx .woocommerce button.button:hover,
body.mdx .woocommerce #place_order:hover {
	background: var(--mdx-primary-dark);
	border-color: var(--mdx-primary-dark);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: var(--mdx-shadow);
}
body.mdx .wp-block-button.is-style-outline > .wp-block-button__link,
body.mdx .mdx-btn--ghost {
	border: 2px solid var(--mdx-primary);
	border-radius: 999px;
	padding: .95em 1.9em;
	font-family: var(--mdx-sans);
	font-weight: 700;
	background: transparent;
	color: var(--mdx-primary);
	box-shadow: none;
}
body.mdx .wp-block-button.is-style-outline > .wp-block-button__link:hover,
body.mdx .mdx-btn--ghost:hover { background: var(--mdx-primary); color: #fff; }

/* ---------- Хедър ---------- */
body.mdx .site-header .main-header-bar,
body.mdx .ast-primary-header-bar {
	background: rgba(255, 255, 255, .92);
	backdrop-filter: saturate(160%) blur(10px);
	border-bottom: 1px solid var(--mdx-line);
}
body.mdx .ast-above-header-bar, body.mdx .ast-below-header-bar { display: none; }
body.mdx .site-title { margin: 0; line-height: 1; }
body.mdx .site-title a, body.mdx .site-title a:hover {
	color: var(--mdx-ink);
	font-family: var(--mdx-serif);
	font-weight: 700;
	font-size: 1.7rem;
	letter-spacing: -.02em;
}
body.mdx .ast-site-identity .site-logo-img img { width: 40px; height: auto; }
body.mdx .ast-logo-title-inline .site-logo-img { padding-right: 10px; }
body.mdx .main-header-menu .menu-link {
	font-family: var(--mdx-sans);
	font-weight: 600;
	color: var(--mdx-ink);
}
body.mdx .main-header-menu .menu-link:hover,
body.mdx .main-header-menu .current-menu-item > .menu-link { color: var(--mdx-primary); }
body.mdx .main-header-menu .mdx-menu-cta { display: flex; align-items: center; }
body.mdx .main-header-menu .mdx-menu-cta > .menu-link {
	background: var(--mdx-primary);
	color: #fff;
	border-radius: 999px;
	line-height: 1.2;
	height: auto;
	padding: .75em 1.4em;
	margin-left: .8em;
	box-shadow: var(--mdx-shadow-sm);
}
body.mdx .main-header-menu .mdx-menu-cta > .menu-link:hover { background: var(--mdx-primary-dark); color: #fff; }

/* ---------- Начална страница ---------- */
body.mdx-landing .site-content > .ast-container { max-width: 100%; padding: 0; }
body.mdx-landing .entry-content > * { margin-top: 0; margin-bottom: 0; }

.mdx-section {
	padding: clamp(64px, 9vw, 120px) 24px;
}
.mdx-section > .wp-block-group__inner-container,
.mdx-section > * { max-width: var(--mdx-wrap); margin-left: auto !important; margin-right: auto !important; }
.mdx-section--blush { background: var(--mdx-blush); }
.mdx-section--cream { background: var(--mdx-cream); }

.mdx-eyebrow {
	display: inline-block;
	font-family: var(--mdx-sans);
	font-size: .82rem !important;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mdx-primary);
	margin-bottom: 14px !important;
}
.mdx-title { font-size: clamp(2rem, 3.6vw, 3rem) !important; line-height: 1.15 !important; margin: 0 0 18px !important; }
.mdx-lead { font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.7; color: var(--mdx-muted); max-width: 640px; }
.mdx-center { text-align: center; }
.mdx-center .mdx-lead { margin-left: auto; margin-right: auto; }

/* Hero */
.mdx-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(1200px 520px at 85% -10%, var(--mdx-primary-soft), transparent 60%),
		radial-gradient(800px 420px at -10% 110%, #fff1e8, transparent 60%),
		#fff;
	padding: clamp(48px, 7vw, 96px) 24px clamp(64px, 8vw, 110px);
}
.mdx-hero__grid { max-width: var(--mdx-wrap); margin: 0 auto !important; align-items: center !important; gap: clamp(32px, 5vw, 72px) !important; }
.mdx-hero h1 {
	font-size: clamp(2.4rem, 5vw, 4rem) !important;
	line-height: 1.07 !important;
	margin: 0 0 22px !important;
}
.mdx-hero h1 em, .mdx-title em { font-style: italic; color: var(--mdx-primary); }
.mdx-hero .wp-block-buttons { margin-top: 30px; gap: 14px; }
.mdx-hero__note {
	margin-top: 22px !important;
	font-size: .92rem;
	color: var(--mdx-muted);
}
.mdx-hero__note strong { color: var(--mdx-ink); }

.mdx-collage {
	position: relative;
	display: grid !important;
	grid-template-columns: 1.15fr .85fr;
	grid-template-rows: auto auto;
	gap: 16px;
}
.mdx-collage .wp-block-image { margin: 0 !important; }
.mdx-collage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--mdx-radius);
	box-shadow: var(--mdx-shadow);
	display: block;
}
/* Голямата снимка се показва цяла (в нея може да има текст — напр. „Преди и след“),
   а двете малки запълват височината ѝ. */
.mdx-collage { grid-template-rows: 1fr 1fr; align-items: stretch; }
.mdx-collage .wp-block-image:first-child { grid-row: span 2; }
.mdx-collage .wp-block-image:first-child img { aspect-ratio: auto; height: auto; }
.mdx-collage .wp-block-image:not(:first-child) { height: 100%; }
.mdx-collage .wp-block-image:not(:first-child) img { aspect-ratio: auto; height: 100%; min-height: 0; }
.mdx-collage__chip {
	position: absolute;
	right: -14px;
	bottom: -20px;
	z-index: 2;
	margin: 0 !important;
	background: #fff;
	border-radius: 16px;
	padding: 14px 18px !important;
	box-shadow: var(--mdx-shadow);
	font-size: .9rem;
	line-height: 1.35;
	color: var(--mdx-ink);
}
.mdx-collage__chip strong { display: block; font-size: 1.35rem; color: var(--mdx-primary); font-family: var(--mdx-serif); }

.mdx-hero__sub { font-family: var(--mdx-serif) !important; color: var(--mdx-primary) !important; font-size: clamp(1.25rem, 2vw, 1.5rem) !important; line-height: 1.3 !important; margin: 0 0 14px !important; }
.mdx-hero .mdx-lead { margin-bottom: 0; }
.mdx-checks--compact { margin-top: 20px !important; }
.mdx-checks--compact li { margin-bottom: 12px; }
.mdx-hero__promise { font-weight: 800; color: var(--mdx-ink); margin: 6px 0 0 !important; }

/* Ивица с ползи */
.mdx-stats {
	max-width: var(--mdx-wrap);
	margin: 0 auto !important;
	gap: 18px !important;
}
.mdx-stat {
	background: #fff;
	border: 1px solid var(--mdx-line);
	border-radius: var(--mdx-radius-sm);
	padding: 22px 22px !important;
}
.mdx-stat h3 { font-size: 1.7rem !important; margin: 0 0 4px !important; color: var(--mdx-primary) !important; }
.mdx-stat p { margin: 0; font-size: .95rem; color: var(--mdx-muted); }
.mdx-strip { padding: 0 24px; margin-top: -48px !important; position: relative; z-index: 3; }

/* Стъпки */
.mdx-steps { counter-reset: mdx-step; gap: 22px !important; margin-top: 48px !important; }
.mdx-step {
	position: relative;
	background: #fff;
	border: 1px solid var(--mdx-line);
	border-radius: var(--mdx-radius);
	padding: 34px 26px 28px !important;
	transition: transform .25s, box-shadow .25s;
}
.mdx-step:hover { transform: translateY(-4px); box-shadow: var(--mdx-shadow); }
.mdx-step::before {
	counter-increment: mdx-step;
	content: counter(mdx-step, decimal-leading-zero);
	display: inline-grid;
	place-items: center;
	width: 48px; height: 48px;
	border-radius: 14px;
	background: var(--mdx-primary-soft);
	color: var(--mdx-primary);
	font-weight: 800;
	font-family: var(--mdx-sans);
	margin-bottom: 18px;
}
.mdx-step h3 { font-size: 1.25rem !important; margin: 0 0 10px !important; }
.mdx-step p { margin: 0; font-size: .97rem; line-height: 1.65; }

/* Пакети */
.mdx-packages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
	margin-top: 48px;
	text-align: left;
}
.mdx-pkg {
	flex: 0 1 calc((100% - 48px) / 3);
	min-width: 280px;
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--mdx-line);
	border-radius: var(--mdx-radius);
	overflow: hidden;
	transition: transform .25s, box-shadow .25s, border-color .25s;
}
.mdx-pkg:hover { transform: translateY(-4px); box-shadow: var(--mdx-shadow); border-color: transparent; }
.mdx-pkg.is-featured { border: 2px solid var(--mdx-primary); box-shadow: var(--mdx-shadow); }
.mdx-pkg__badge {
	position: absolute;
	top: 14px; right: 14px;
	z-index: 2;
	background: var(--mdx-primary);
	color: #fff;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 999px;
}
.mdx-pkg__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.mdx-pkg__body { display: flex; flex-direction: column; flex: 1; padding: 24px 24px 26px; }
.mdx-pkg__title { font-size: 1.35rem !important; margin: 0 0 10px !important; }
.mdx-pkg__desc { font-size: .95rem; line-height: 1.6; color: var(--mdx-text); flex: 1; }
.mdx-pkg__desc p { margin: 0 0 .7em; }
.mdx-pkg__desc ul { list-style: none; margin: .4em 0 0; padding: 0; }
.mdx-pkg__desc li { position: relative; padding-left: 26px; margin: 0 0 8px; }
.mdx-pkg__desc li::before {
	content: '';
	position: absolute; left: 0; top: .35em;
	width: 16px; height: 16px;
	border-radius: 50%;
	background: var(--mdx-primary-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23c11763' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.mdx-pkg__foot { border-top: 1px dashed var(--mdx-line); margin-top: 18px; padding-top: 18px; }
.mdx-pkg__price { font-family: var(--mdx-serif); font-size: 1.9rem; font-weight: 700; color: var(--mdx-ink); margin-bottom: 14px; }
.mdx-pkg__price del { font-size: 1.1rem; color: var(--mdx-muted); margin-right: 8px; font-weight: 500; }
.mdx-pkg__price ins { text-decoration: none; }
.mdx-pkg .mdx-btn { width: 100%; white-space: nowrap; padding-left: 1em; padding-right: 1em; }

/* Какво получаваш */
.mdx-split { align-items: center !important; gap: clamp(32px, 5vw, 72px) !important; }
.mdx-split .wp-block-image img { border-radius: var(--mdx-radius); box-shadow: var(--mdx-shadow); aspect-ratio: 4 / 3.4; object-fit: cover; width: 100%; }
.mdx-checks { list-style: none; padding: 0 !important; margin: 26px 0 0 !important; }
.mdx-checks li {
	position: relative;
	padding: 0 0 0 40px;
	margin: 0 0 18px;
	line-height: 1.55;
}
.mdx-checks li::before {
	content: '';
	position: absolute; left: 0; top: 0;
	width: 26px; height: 26px;
	border-radius: 8px;
	background: var(--mdx-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
}
.mdx-checks li strong { color: var(--mdx-ink); }

/* Галерия с ястия */
.mdx-gallery {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-top: 44px !important;
}
.mdx-gallery .wp-block-image { margin: 0 !important; overflow: hidden; border-radius: var(--mdx-radius-sm); }
.mdx-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; transition: transform .5s; }
.mdx-gallery .wp-block-image:hover img { transform: scale(1.06); }
.mdx-gallery figcaption {
	font-size: .85rem !important;
	color: var(--mdx-muted);
	text-align: left !important;
	margin: 8px 2px 0 !important;
}

/* За Еми */
.mdx-about { align-items: center !important; gap: clamp(32px, 5vw, 72px) !important; }
.mdx-about > .wp-block-column:first-child .wp-block-image img { border-radius: 28px; width: 100%; aspect-ratio: 9 / 8; object-fit: cover; object-position: center top; box-shadow: var(--mdx-shadow); }
.mdx-about { align-items: flex-start !important; }
.mdx-certs-title {
	margin: 30px 0 12px !important;
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mdx-muted);
}
.mdx-certs { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; }
.mdx-certs .wp-block-image { margin: 0 !important; }
.mdx-certs .wp-block-image a { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--mdx-line); background: #fff; transition: transform .2s, box-shadow .2s; }
.mdx-certs .wp-block-image a:hover { transform: translateY(-3px); box-shadow: var(--mdx-shadow-sm); }
.mdx-certs img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.mdx-certs figcaption { font-size: .8rem !important; line-height: 1.4; color: var(--mdx-muted); text-align: left !important; margin: 8px 2px 0 !important; }
.mdx-quote {
	border-left: 3px solid var(--mdx-primary) !important;
	padding-left: 20px !important;
	margin: 26px 0 0 !important;
	font-family: var(--mdx-serif);
	font-style: italic;
	font-size: 1.15rem;
	color: var(--mdx-ink);
}

/* Секция „Сертификати“: по-големи и без изрязване */
.mdx-certs--wide { max-width: 980px !important; margin: 44px auto 0 !important; gap: 28px !important; align-items: center; }
.mdx-certs--wide img { aspect-ratio: auto; height: auto; object-fit: contain; }
.mdx-certs--wide .wp-block-image a { box-shadow: var(--mdx-shadow-sm); }
.mdx-certs--wide figcaption { text-align: center !important; font-size: .88rem !important; margin-top: 12px !important; }

/* Въпроси */
.mdx-faq { max-width: 820px !important; margin-top: 40px !important; }
.mdx-faq .wp-block-details {
	background: #fff;
	border: 1px solid var(--mdx-line);
	border-radius: var(--mdx-radius-sm);
	padding: 0 !important;
	margin: 0 0 12px !important;
	transition: border-color .2s, box-shadow .2s;
}
.mdx-faq .wp-block-details[open] { border-color: var(--mdx-primary); box-shadow: var(--mdx-shadow-sm); }
.mdx-faq summary {
	list-style: none;
	cursor: pointer;
	position: relative;
	padding: 20px 56px 20px 24px;
	font-weight: 700;
	color: var(--mdx-ink);
}
.mdx-faq summary::-webkit-details-marker { display: none; }
.mdx-faq summary::after {
	content: '+';
	position: absolute; right: 22px; top: 50%;
	transform: translateY(-50%);
	width: 28px; height: 28px;
	display: grid; place-items: center;
	border-radius: 50%;
	background: var(--mdx-primary-soft);
	color: var(--mdx-primary);
	font-size: 1.2rem;
	transition: transform .2s;
}
.mdx-faq details[open] summary::after { content: '−'; }
.mdx-faq .wp-block-details > p { padding: 0 24px 20px; margin: 0; line-height: 1.7; }

/* Финален призив */
.mdx-cta {
	max-width: var(--mdx-wrap);
	margin: 0 auto !important;
	border-radius: 28px;
	padding: clamp(40px, 6vw, 72px) clamp(24px, 5vw, 64px) !important;
	color: #fff;
	text-align: center;
	background:
		radial-gradient(600px 300px at 90% 0%, rgba(255, 255, 255, .18), transparent 60%),
		linear-gradient(135deg, var(--mdx-primary) 0%, var(--mdx-primary-dark) 100%);
	box-shadow: var(--mdx-shadow);
}
.mdx-cta h2 { color: #fff !important; font-size: clamp(1.8rem, 3.4vw, 2.7rem) !important; margin: 0 0 14px !important; }
.mdx-cta p { color: rgba(255, 255, 255, .88); max-width: 600px; margin: 0 auto; }
.mdx-cta .wp-block-buttons { justify-content: center; margin-top: 28px; }
body.mdx .mdx-cta .wp-block-button__link { background: #fff; color: var(--mdx-primary); border-color: #fff; }
body.mdx .mdx-cta .wp-block-button__link:hover { background: var(--mdx-ink); border-color: var(--mdx-ink); color: #fff; }

.mdx-disclaimer { font-size: .82rem; color: var(--mdx-muted); text-align: center; max-width: 760px; margin: 28px auto 0 !important; }

/* ---------- Футър ---------- */
body.mdx .site-primary-footer-wrap { padding: 40px 0 28px; }
body.mdx .site-footer .menu-link { color: rgba(255, 255, 255, .8); font-weight: 600; }
body.mdx .site-footer .menu-link:hover { color: #fff; }
body.mdx .site-footer { background: var(--mdx-ink); color: rgba(255, 255, 255, .72); }
body.mdx .site-footer a { color: #fff; }
body.mdx .site-footer .ast-footer-copyright, body.mdx .site-below-footer-wrap { background: var(--mdx-ink); color: rgba(255, 255, 255, .6); border-top-color: rgba(255, 255, 255, .08); }

body.mdx .mdx-credit { margin-left: .6em; padding-left: .8em; border-left: 1px solid rgba(255, 255, 255, .2); }
body.mdx .mdx-credit a { color: rgba(255, 255, 255, .85); text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .3); }
body.mdx .mdx-credit a:hover { color: #fff; border-color: #fff; }
@media (max-width: 600px) { body.mdx .mdx-credit { display: block; margin: 6px 0 0; padding: 0; border: 0; } }

/* ---------- Плащане ---------- */
body.mdx.woocommerce-checkout .entry-title { text-align: center; }
body.mdx .woocommerce form.checkout,
body.mdx .woocommerce-checkout-review-order { font-family: var(--mdx-sans); }
body.mdx .woocommerce form .form-row input.input-text,
body.mdx .woocommerce form .form-row select,
body.mdx .select2-container .select2-selection--single {
	border: 1.5px solid var(--mdx-line);
	border-radius: var(--mdx-radius-sm);
	padding: .8em 1em;
	min-height: 50px;
	background: #fff;
}
body.mdx .woocommerce form .form-row input.input-text:focus { border-color: var(--mdx-primary); outline: 3px solid var(--mdx-primary-soft); }
body.mdx #order_review, body.mdx #order_review_heading { background: var(--mdx-blush); }
body.mdx #order_review { border-radius: 0 0 var(--mdx-radius) var(--mdx-radius); padding: 20px 24px; }
body.mdx #order_review_heading { border-radius: var(--mdx-radius) var(--mdx-radius) 0 0; padding: 20px 24px 0; margin: 0; }

body.mdx .woocommerce-checkout-review-order-table .cart-subtotal { display: none; }
body.mdx.woocommerce-checkout .entry-header { margin: 40px 0 24px; }
body.mdx .woocommerce-form-coupon-toggle .woocommerce-info { background: #fff; border: 1px dashed var(--mdx-line); border-radius: var(--mdx-radius-sm); }

/* ---------- Анимации при скрол ---------- */
@media (prefers-reduced-motion: no-preference) {
	.mdx-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
	.mdx-reveal.is-visible { opacity: 1; transform: none; }
}

/* ---------- Мобилни ---------- */
@media (max-width: 1100px) {
	.mdx-pkg { flex-basis: calc((100% - 24px) / 2); }
}
@media (max-width: 921px) {
	.mdx-hero__grid { flex-direction: column-reverse; }
	.mdx-collage__chip { right: 12px; bottom: 12px; }
	.mdx-gallery { grid-template-columns: repeat(2, 1fr); }
	.mdx-strip { margin-top: -28px !important; }
}
@media (max-width: 781px) {
	.mdx-stats { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px !important; }
	.mdx-stat { padding: 16px !important; }
	.mdx-stat h3 { font-size: 1.2rem !important; }
	.mdx-stat p { font-size: .85rem; }
}
@media (max-width: 640px) {
	.mdx-pkg { flex-basis: 100%; min-width: 0; }
	.mdx-certs { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.mdx-section { padding-left: 16px; padding-right: 16px; }
	.mdx-hero { padding-left: 16px; padding-right: 16px; }
	.mdx-hero .wp-block-buttons .wp-block-button { width: 100%; }
	.mdx-hero .wp-block-button__link { width: 100%; }
	.mdx-collage { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	.mdx-collage .wp-block-image:first-child { grid-column: span 2; grid-row: auto; }
	.mdx-collage .wp-block-image:first-child img { aspect-ratio: auto; }
	.mdx-collage .wp-block-image:not(:first-child) img { aspect-ratio: 1; height: auto; }
}