/* ==========================================================================
   Промінь життя плюс — дизайн-система «Спокійна ясність»
   Заголовки: Literata (книжна антиква). Текст: Onest. Текст ≤ 18px.
   ========================================================================== */
:root {
	--ink: #0c2e3b;
	--ink-2: #37525f;
	--sea: #07729c;
	--sea-d: #055473;
	--mist: #edf5f8;
	--line: #d3e4ec;
	--sun: #e96524;
	--sun-d: #c9501a;
	--apricot: #fff0e5;
	--white: #fff;
	--r-xl: 36px;
	--r-lg: 26px;
	--r-md: 18px;
	--wrap: 1180px;
	--f-display: "Literata", Georgia, "Times New Roman", serif;
	--f-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--shadow: 0 18px 50px -20px rgba(12, 46, 59, .28);
}

body { font-family: var(--f-body); color: var(--ink-2); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.mlx-section :is(h1, h2, h3, h4) { font-family: var(--f-display); }

/* ---------- Каркас ---------- */
.mlx-wrap { width: min(var(--wrap), 100% - 40px); margin-inline: auto !important; }
.mlx-section { padding-block: clamp(64px, 8vw, 116px); position: relative; }
.mlx-section :where(.is-layout-flow, .is-layout-constrained, .is-layout-flex) > * { margin-block: 0 !important; }
.mlx-section p + p, .mlx-section p + .wp-block-list, .mlx-section .wp-block-list + p { margin-top: 1em !important; }
.wp-block-post-content > .mlx-section { margin-block: 0 !important; }
.mlx-section p, .mlx-section li { font-size: 1.0625rem; line-height: 1.65; }
.mlx-stack > * + * { margin-top: 1.1rem !important; }
.mlx-btn { box-sizing: border-box; }

.mlx-eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 600 .82rem/1 var(--f-body); letter-spacing: .14em; text-transform: uppercase; color: var(--sun-d); margin: 0 0 18px !important; }
.mlx-eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; border-radius: 2px; }
.mlx-h2 { font-size: clamp(2rem, 3.6vw, 2.9rem) !important; font-weight: 500; letter-spacing: -.02em; margin: 0 0 20px !important; text-wrap: balance; }
.mlx-h2 em { font-style: italic; color: var(--sea); font-weight: 400; }
.mlx-lead { font-size: 1.125rem !important; line-height: 1.6; color: var(--ink-2); max-width: 60ch; }
.mlx-center { text-align: center; margin-inline: auto; }
.mlx-center .mlx-eyebrow { justify-content: center; }
.mlx-center .mlx-lead { margin-inline: auto; }

/* ---------- Кнопки ---------- */
.mlx-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px !important; }
.mlx-btns .wp-block-button { margin: 0 !important; }
.mlx-btns .wp-block-button__link, .mlx-btn { display: inline-flex; align-items: center; gap: 10px; border-radius: 999px; padding: 15px 28px; font: 600 1rem/1 var(--f-body); text-decoration: none; transition: transform .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease; }
.mlx-btns .wp-block-button__link { background: var(--sun); color: #fff; box-shadow: 0 10px 24px -10px rgba(233, 101, 36, .7); }
.mlx-btns .wp-block-button__link:hover { background: var(--sun-d); color: #fff; transform: translateY(-2px); }
.mlx-btns .is-style-outline .wp-block-button__link, .mlx-btns .mlx-ghost .wp-block-button__link { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
.mlx-btns .mlx-ghost .wp-block-button__link:hover { background: var(--ink); color: #fff; }
.mlx-on-dark .mlx-btns .mlx-ghost .wp-block-button__link { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.6); }
.mlx-on-dark .mlx-btns .mlx-ghost .wp-block-button__link:hover { background: #fff; color: var(--ink); }

/* ---------- Шапка ---------- */
.mlx-header { position: sticky; top: 0; z-index: 60; background: transparent; border-bottom: 1px solid transparent; transition: border-color .25s, box-shadow .25s; }
/* Размытие на псевдоэлементе: backdrop-filter на самой шапке ломает fixed-меню на мобильных */
.mlx-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255, 255, 255, .9); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); }
.mlx-header.is-stuck { border-color: var(--line); box-shadow: 0 10px 30px -22px rgba(12, 46, 59, .5); }
.admin-bar .mlx-header { top: 32px; }
.mlx-header__in { width: min(var(--wrap), 100% - 40px); margin-inline: auto !important; padding: 14px 0; gap: 24px; align-items: center; }
.mlx-logo img { display: block; height: 54px; width: auto; }
.mlx-header .wp-block-navigation { flex: 1; --wp--style--block-gap: 4px; }
.mlx-header .wp-block-navigation-item__content { color: var(--ink) !important; font: 500 .98rem/1 var(--f-body); padding: 11px 14px; border-radius: 999px; transition: background .2s, color .2s; }
.mlx-header .wp-block-navigation-item__content:hover, .mlx-header .current-menu-item > .wp-block-navigation-item__content { background: var(--mist); color: var(--sea) !important; }
.mlx-header .wp-block-navigation__submenu-container { border: 1px solid var(--line) !important; border-radius: var(--r-md) !important; padding: 8px !important; box-shadow: var(--shadow); background: #fff !important; min-width: 280px; }
.mlx-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { border-radius: 12px; padding: 12px 14px; }
.mlx-call { display: inline-flex; align-items: center; gap: 10px; background: var(--sun); color: #fff !important; font: 600 .98rem/1 var(--f-body); padding: 14px 22px; border-radius: 999px; text-decoration: none; white-space: nowrap; box-shadow: 0 10px 24px -12px rgba(233, 101, 36, .8); transition: transform .2s, background .2s; }
.mlx-call:hover { background: var(--sun-d); transform: translateY(-1px); }
.mlx-call .micon { font-size: 1.05rem; }
@media (max-width: 900px) {
	.mlx-call__txt { display: none; }
	.mlx-call { width: 46px; height: 46px; padding: 0; justify-content: center; }
	.mlx-header__in { gap: 12px; }
	.mlx-header .wp-block-navigation { flex: 0; order: 3; }
	.mlx-logo { margin-right: auto; }
	.mlx-logo img { height: 44px; }
	.mlx-header .wp-block-navigation__responsive-container-open { color: var(--ink); }
		.mlx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 24px; }
}

/* ---------- Hero ---------- */
.mlx-hero { padding-block: clamp(36px, 5vw, 72px) clamp(90px, 9vw, 130px); background: radial-gradient(1200px 500px at 85% -10%, #dcecf3 0%, rgba(220, 236, 243, 0) 60%), linear-gradient(180deg, #fff 0%, var(--mist) 100%); overflow: hidden; }
.mlx-hero__grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
.mlx-hero h1 { font-size: clamp(2.1rem, 4vw, 3.2rem) !important; font-weight: 500; line-height: 1.04; letter-spacing: -.025em; margin: 0 0 24px !important; text-wrap: balance; }
.mlx-hero h1 em { display: block; font-style: italic; font-weight: 400; color: var(--sea); }
.mlx-hero .mlx-lead { max-width: 52ch; }
.mlx-hero .mlx-btns { margin-top: 32px !important; }
.mlx-facts { list-style: none; margin: 30px 0 0 !important; padding: 0; display: grid; gap: 12px; }
.mlx-facts li { display: flex; align-items: center; gap: 12px; font-weight: 500; color: var(--ink); margin: 0 !important; }
.mlx-hero__media { position: relative; padding: 0 0 0 20px; }
.mlx-hero__media::before { content: ""; position: absolute; inset: -18px -18px 22px 38px; border: 2px solid var(--sun); border-radius: 999px 999px var(--r-lg) var(--r-lg); opacity: .9; z-index: 0; }
.mlx-arch { position: relative; z-index: 1; margin: 0 !important; }
.mlx-arch img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 62% 30%; border-radius: 999px 999px var(--r-lg) var(--r-lg); box-shadow: var(--shadow); }
.mlx-chip { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 12px; background: #fff; border-radius: 18px; padding: 12px 18px 12px 12px; box-shadow: var(--shadow); font: 600 .95rem/1.25 var(--f-body); color: var(--ink); max-width: 250px; }
.mlx-chip--a { left: -8px; bottom: 16%; }
.mlx-chip--b { right: -6px; top: 20%; }

.mlx-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow); border: 1px solid var(--line); }
.mlx-stat { padding: 30px 28px; display: flex; flex-direction: column; gap: 6px; }
.mlx-stat + .mlx-stat { border-left: 1px solid var(--line); }

/* ---------- Що входить ---------- */
.mlx-included__grid { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(32px, 6vw, 96px); align-items: start; }
.mlx-included__intro { position: sticky; top: 110px; }
.mlx-rows { display: grid; gap: 0; border-top: 1px solid var(--line); }
.mlx-row { display: grid; grid-template-columns: 72px 1fr; gap: 24px; padding: 32px 0; border-bottom: 1px solid var(--line); align-items: start; }
.mlx-ico { width: 64px; height: 64px; border-radius: 22px; display: inline-flex; align-items: center; justify-content: center; background: var(--mist); color: var(--sea); font-size: 1.9rem; transition: background .25s, color .25s, transform .25s; }
.mlx-row:hover .mlx-ico { background: var(--sea); color: #fff; transform: rotate(-4deg); }
.mlx-row h3 { font-size: 1.5rem !important; margin: 4px 0 8px !important; }
.mlx-row p { margin: 0 !important; }

/* ---------- Візит (темний блок) ---------- */
.mlx-visit { background: var(--ink); color: #c9dbe3; overflow: hidden; }
.mlx-visit::before { content: ""; position: absolute; width: 560px; height: 560px; right: -160px; top: -200px; border-radius: 50%; background: radial-gradient(closest-side, rgba(7, 114, 156, .55), rgba(7, 114, 156, 0)); pointer-events: none; }
.mlx-visit h2, .mlx-visit .mlx-h2 { color: #fff; }
.mlx-visit .mlx-eyebrow { color: #ffb48a; }
.mlx-visit a:not(.wp-block-button__link) { color: #fff; text-decoration-color: rgba(255,255,255,.4); text-underline-offset: 3px; }
.mlx-visit p { color: #c9dbe3; }
.mlx-visit__grid { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
.mlx-visitcard { background: #fff; color: var(--ink-2); border-radius: var(--r-xl); padding: clamp(28px, 3.4vw, 44px); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .6); }
.mlx-visitcard h3 { font-size: 1.5rem !important; margin: 0 0 6px !important; color: var(--ink); }
.mlx-visitcard p { color: var(--ink-2) !important; margin: 0 0 22px !important; }
.mlx-visitcard .mlx-tel { display: block; font: 500 clamp(1.7rem, 3vw, 2.2rem)/1.1 var(--f-display); color: var(--ink) !important; text-decoration: none !important; margin-bottom: 20px; letter-spacing: -.01em; }
.mlx-visitcard .mlx-tel:hover { color: var(--sea) !important; }

/* ---------- Особливості (фото + чекліст) ---------- */
.mlx-feat__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
.mlx-feat__media { position: relative; margin: 0 !important; }
.mlx-feat__media::before { content: ""; position: absolute; inset: 28px -22px -22px 28px; background: var(--apricot); border-radius: var(--r-xl); z-index: 0; }
.mlx-feat__media img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--shadow); }
.mlx-check { list-style: none; padding: 0 !important; margin: 26px 0 0 !important; display: grid; gap: 14px; }
.mlx-check li, .mlx-feat ul.wp-block-list li { position: relative; padding-left: 40px; margin: 0 !important; }
.mlx-feat ul.wp-block-list { list-style: none; padding: 0 !important; margin: 26px 0 0 !important; display: grid; gap: 14px; }
.mlx-check li::before, .mlx-feat ul.wp-block-list li::before { content: ""; position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; background: var(--sea) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat; }

/* ---------- Бенто ---------- */
.mlx-bento { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; margin-top: 52px !important; }
.mlx-cell { border-radius: var(--r-lg); padding: clamp(24px, 2.4vw, 34px); background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px; transition: transform .25s ease, box-shadow .25s ease; }
.mlx-cell:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.mlx-cell h3 { font-size: 1.3rem !important; margin: 0 !important; line-height: 1.2; }
.mlx-cell p { margin: 0 !important; font-size: 1rem !important; }
.mlx-cell .mlx-ico { width: 52px; height: 52px; font-size: 1.5rem; border-radius: 16px; margin-bottom: 6px; }
.mlx-cell--a { grid-column: span 3; grid-row: span 2; background: linear-gradient(155deg, var(--sea) 0%, var(--sea-d) 100%); border: 0; color: #d9edf5; justify-content: flex-end; min-height: 360px; position: relative; overflow: hidden; }
.mlx-cell--a::after { content: ""; position: absolute; width: 320px; height: 320px; right: -90px; top: -90px; border-radius: 50%; border: 2px solid rgba(255,255,255,.22); box-shadow: 0 0 0 36px rgba(255,255,255,.05); }
.mlx-cell--a h3 { color: #fff; font-size: clamp(1.7rem, 2.6vw, 2.2rem) !important; }
.mlx-cell--a p { color: #d9edf5; font-size: 1.0625rem !important; }
.mlx-cell--a .mlx-ico { background: rgba(255,255,255,.16); color: #fff; position: absolute; top: 30px; left: 32px; }
.mlx-cell--b { grid-column: span 3; background: var(--apricot); border-color: transparent; }
.mlx-cell--b .mlx-ico { background: #fff; color: var(--sun-d); }
.mlx-cell--c { grid-column: span 3; background: var(--ink); border-color: transparent; color: #c9dbe3; }
.mlx-cell--c h3 { color: #fff; }
.mlx-cell--c .mlx-ico { background: rgba(255,255,255,.12); color: #ffb48a; }
.mlx-cell--s { grid-column: span 2; }
.mlx-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 0 !important; padding: 0 !important; list-style: none; }
.mlx-pills li { background: rgba(255,255,255,.12); border-radius: 999px; padding: 9px 16px; font: 500 .95rem/1.2 var(--f-body) !important; color: #fff; margin: 0 !important; }

/* ---------- Що отримують підопічні ---------- */
.mlx-gets { background: #fff; }
.mlx-bentosec { background: var(--mist); }
.mlx-tight { padding-top: 0; }
.mlx-tight-b { padding-bottom: 0; }
.mlx-photocards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 52px !important; }
.mlx-pc { background: var(--mist); border-radius: var(--r-lg); overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.mlx-pc:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.mlx-pc__img { margin: 0; overflow: hidden; }
.mlx-pc__img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .6s ease; }
.mlx-pc:hover .mlx-pc__img img { transform: scale(1.05); }
.mlx-pc__body { padding: 26px 28px 30px; }
.mlx-pc h3 { font-size: 1.45rem !important; margin: 0 0 10px !important; }
.mlx-pc p { margin: 0 !important; font-size: 1rem !important; }

/* ---------- Галерея ---------- */
.mlx-gal__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.mlx-gal__head .mlx-h2 { margin: 0 !important; }
.mlx-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--sea); text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 3px; }
.mlx-link:hover { color: var(--sun-d); }
.mlx-gallery.wp-block-gallery { display: grid !important; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: 14px; margin: 0 !important; }
.mlx-gallery.wp-block-gallery > figure { width: 100% !important; margin: 0 !important; flex: none !important; height: 100%; overflow: hidden; border-radius: var(--r-md); }
.mlx-gallery.wp-block-gallery > figure:first-child { grid-column: span 2; grid-row: span 2; border-radius: var(--r-lg); }
.mlx-gallery.wp-block-gallery img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; transition: transform .6s ease; }
.mlx-gallery.wp-block-gallery figure:hover img { transform: scale(1.06); }

/* ---------- Стани (чипи) ---------- */
.mlx-cond { background: var(--mist); }
.mlx-cond__grid { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(28px, 6vw, 88px); align-items: center; }
.mlx-chips { display: flex; flex-wrap: wrap; gap: 12px; }
.mlx-chipx { display: inline-flex; align-items: center; gap: 12px; background: #fff; border-radius: 999px; padding: 10px 22px 10px 10px; font: 500 1.05rem/1.2 var(--f-body); color: var(--ink); box-shadow: 0 8px 24px -16px rgba(12, 46, 59, .5); transition: transform .2s; }
.mlx-chipx:hover { transform: translateY(-2px); }

/* ---------- Трансфер ---------- */
.mlx-transfer__panel { background: var(--apricot); border-radius: var(--r-xl); padding: clamp(28px, 5vw, 64px); display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
.mlx-tag { display: inline-flex; align-items: center; gap: 8px; background: var(--sun); color: #fff; font: 600 .9rem/1 var(--f-body); padding: 9px 16px; border-radius: 999px; margin-bottom: 20px !important; }
.mlx-transfer__panel img { display: block; width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--r-lg); box-shadow: var(--shadow); }
.mlx-transfer__panel figure { margin: 0 !important; }

/* ---------- Турбота, що зігріває ---------- */
.mlx-warm__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(32px, 6vw, 96px); align-items: center; }
.mlx-warm .mlx-arch img { aspect-ratio: 4 / 5; object-position: center 25%; }
.mlx-warm .mlx-arch { max-width: 460px; margin-inline: auto !important; }

/* ---------- FAQ ---------- */
.mlx-faq { background: var(--mist); }
.mlx-faq__grid { display: grid; grid-template-columns: 4fr 7fr; gap: clamp(28px, 6vw, 88px); align-items: start; }
.mlx-faq__side { position: sticky; top: 110px; }
.mlx-faq__list { display: grid; gap: 12px; }
.mlx-faq .wp-block-details { background: #fff; border-radius: var(--r-md); border: 1px solid transparent; padding: 0; transition: border-color .2s, box-shadow .2s; margin: 0 !important; }
.mlx-faq .wp-block-details[open] { border-color: var(--line); box-shadow: 0 16px 40px -28px rgba(12, 46, 59, .5); }
.mlx-faq .wp-block-details summary { list-style: none; cursor: pointer; padding: 22px 64px 22px 26px; position: relative; font: 600 1.0625rem/1.4 var(--f-body); color: var(--ink); }
.mlx-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.mlx-faq .wp-block-details summary::after { content: ""; position: absolute; right: 22px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307729c' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .25s, background-color .25s; }
.mlx-faq .wp-block-details[open] summary::after { transform: rotate(45deg); background-color: var(--apricot); }
.mlx-faq .wp-block-details > :not(summary) { padding: 0 26px; }
.mlx-faq .wp-block-details > :last-child { padding-bottom: 24px; }
.mlx-faq .wp-block-details p { margin: 0 0 .8em !important; }
.mlx-help { margin-top: 28px !important; background: #fff; border-radius: var(--r-lg); padding: 24px; }
.mlx-help p { margin: 0 0 10px !important; font-size: 1rem !important; }
.mlx-help a { font: 500 1.5rem/1.2 var(--f-display); color: var(--ink) !important; text-decoration: none; }

/* ---------- Контакти + форма ---------- */
.mlx-contact__grid { display: grid; grid-template-columns: 5fr 6fr; gap: clamp(28px, 6vw, 88px); align-items: start; }
.mlx-clist { list-style: none; padding: 0 !important; margin: 30px 0 0 !important; display: grid; gap: 18px; }
.mlx-formcard { background: #fff; border-radius: var(--r-xl); padding: clamp(26px, 3.6vw, 48px); box-shadow: var(--shadow); border: 1px solid var(--line); }
.mlx-formcard .wpcf7 label { font-weight: 600; font-size: .95rem; color: var(--ink); }
.mlx-formcard .wpcf7 input, .mlx-formcard .wpcf7 textarea { box-sizing: border-box; }
.mlx-formcard .wpcf7 input[type="text"], .mlx-formcard .wpcf7 input[type="email"], .mlx-formcard .wpcf7 input[type="tel"], .mlx-formcard .wpcf7 textarea { width: 100%; padding: 15px 18px; margin-top: 8px; border: 1.5px solid var(--line); border-radius: 14px; font: 1.0625rem var(--f-body); background: var(--mist); color: var(--ink); transition: border-color .2s, background .2s, box-shadow .2s; }
.mlx-formcard .wpcf7 textarea { min-height: 130px; }
.mlx-formcard .wpcf7 input:focus, .mlx-formcard .wpcf7 textarea:focus { outline: none; border-color: var(--sea); background: #fff; box-shadow: 0 0 0 4px rgba(7, 114, 156, .15); }
.mlx-formcard .wpcf7 input[type="submit"] { background: var(--sun); color: #fff; border: 0; border-radius: 999px; padding: 16px 34px; font: 600 1.0625rem var(--f-body); cursor: pointer; transition: background .2s, transform .2s; box-shadow: 0 10px 24px -10px rgba(233, 101, 36, .7); }
.mlx-formcard .wpcf7 input[type="submit"]:hover { background: var(--sun-d); transform: translateY(-2px); }

/* ---------- Підвал ---------- */
.mlx-footer { background: var(--ink); color: #b9cfd9; padding: 72px 0 0; position: relative; }
.mlx-footer__grid { display: grid; grid-template-columns: 1.3fr .8fr 1.1fr; gap: 56px; padding-bottom: 48px; }
.mlx-footer__logo { display: inline-block; background: #fff; border-radius: 14px; padding: 10px 16px; }
.mlx-footer__logo img { display: block; height: 50px; width: auto; }
.mlx-footer__quote { font: italic 400 1.25rem/1.5 var(--f-display) !important; color: #fff; margin: 22px 0 0 !important; max-width: 30ch; }
.mlx-footer__h { font: 600 .8rem/1 var(--f-body) !important; letter-spacing: .14em; text-transform: uppercase; color: #ffb48a; margin: 0 0 18px !important; }
.mlx-footer a { color: #e6f0f4; text-decoration: none; }
.mlx-footer a:hover { color: #ffb48a; }
.mlx-footer .wp-block-navigation-item__content { color: #e6f0f4 !important; padding: 5px 0 !important; font-size: 1.0625rem; }
.mlx-footer .wp-block-navigation__submenu-container { display: none !important; }
.mlx-footer__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.mlx-footer__list li { display: flex; gap: 12px; align-items: flex-start; font-size: 1.0625rem; margin: 0; }
.mlx-footer__list .micon { color: #ffb48a; margin-top: 4px; width: 18px; }
.mlx-footer__copy { border-top: 1px solid rgba(255, 255, 255, .12); padding: 24px 0 28px !important; margin: 0 auto !important; font-size: .9rem !important; color: #8fb0be; }
.mlx-callbar { display: none; }

/* ---------- Анімація появи ---------- */
.js .mlx-reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s cubic-bezier(.2, .7, .2, 1), transform .8s cubic-bezier(.2, .7, .2, 1); }
.js .mlx-reveal.is-in { opacity: 1; transform: none; }
.js .mlx-reveal[data-d="1"] { transition-delay: .08s; }
.js .mlx-reveal[data-d="2"] { transition-delay: .16s; }
.js .mlx-reveal[data-d="3"] { transition-delay: .24s; }
@keyframes mlx-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.mlx-hero__copy > * { animation: mlx-rise .9s cubic-bezier(.2, .7, .2, 1) both; }
.mlx-hero__copy > *:nth-child(2) { animation-delay: .08s; }
.mlx-hero__copy > *:nth-child(3) { animation-delay: .16s; }
.mlx-hero__copy > *:nth-child(4) { animation-delay: .24s; }
.mlx-hero__copy > *:nth-child(5) { animation-delay: .32s; }
.mlx-hero__media { animation: mlx-rise 1.1s .12s cubic-bezier(.2, .7, .2, 1) both; }
@media (prefers-reduced-motion: reduce) {
	.js .mlx-reveal { opacity: 1; transform: none; transition: none; }
	.mlx-hero__copy > *, .mlx-hero__media { animation: none; }
	.mlx-cell, .mlx-pc, .mlx-pc__img img, .mlx-chipx, .mlx-gallery.wp-block-gallery img { transition: none; }
}
:focus-visible { outline: 3px solid var(--sea); outline-offset: 3px; border-radius: 6px; }

/* ---------- Адаптив ---------- */
@media (max-width: 1000px) {
	.mlx-hero__grid, .mlx-included__grid, .mlx-visit__grid, .mlx-feat__grid, .mlx-cond__grid, .mlx-transfer__panel, .mlx-warm__grid, .mlx-faq__grid, .mlx-contact__grid { grid-template-columns: 1fr; }
	.mlx-included__intro, .mlx-faq__side { position: static; }
	.mlx-hero__media { max-width: 480px; margin-inline: auto; padding-left: 0; }
	.mlx-hero__media::before { inset: -14px -10px 20px 22px; }
	.mlx-chip--a { left: -6px; } .mlx-chip--b { right: -6px; }
	.mlx-stats__grid { grid-template-columns: repeat(2, 1fr); }
	.mlx-stat:nth-child(3) { border-left: 0; }
	.mlx-stat:nth-child(n+3) { border-top: 1px solid var(--line); }
	.mlx-bento { grid-template-columns: repeat(2, 1fr); }
	.mlx-cell--a, .mlx-cell--b, .mlx-cell--c { grid-column: span 2; grid-row: auto; }
	.mlx-cell--s { grid-column: span 1; }
	.mlx-cell--a { min-height: 300px; }
	.mlx-photocards { grid-template-columns: 1fr 1fr; }
	.mlx-gallery.wp-block-gallery { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 160px; }
	.mlx-footer__grid { grid-template-columns: 1fr 1fr; }
	.mlx-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
	.mlx-section { padding-block: 56px; }
	.mlx-row { grid-template-columns: 56px 1fr; gap: 16px; }
	.mlx-ico { width: 56px; height: 56px; font-size: 1.6rem; }
	.mlx-bento { grid-template-columns: 1fr; }
	.mlx-cell--s, .mlx-cell--a, .mlx-cell--b, .mlx-cell--c { grid-column: auto; }
	.mlx-photocards { grid-template-columns: 1fr; }
	.mlx-gallery.wp-block-gallery { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 140px; }
	.mlx-gallery.wp-block-gallery > figure:first-child { grid-column: span 2; }
	.mlx-chip { display: none; }
	.mlx-stat { padding: 22px 18px; }
	.mlx-footer__grid { grid-template-columns: 1fr; gap: 36px; }
	.mlx-callbar { display: flex; align-items: center; justify-content: center; gap: 10px; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 70; background: var(--sun); color: #fff !important; font: 600 1rem/1 var(--f-body); white-space: nowrap; padding: 17px 16px; border-radius: 999px; box-shadow: 0 16px 36px -12px rgba(233, 101, 36, .8); text-decoration: none; }
	.mlx-footer { padding-bottom: 84px; }
	.mlx-btns .wp-block-button, .mlx-btns .wp-block-button__link { width: 100%; justify-content: center; }
}

/* ---------- Мобильное меню: тёмный экран в стиле сайта ---------- */
@media (max-width: 900px) {
	.mlx-header .wp-block-navigation__responsive-container-open,
	.mlx-header .wp-block-navigation__responsive-container-close { width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: background .2s; }
	.mlx-header .wp-block-navigation__responsive-container-open { background: var(--mist); color: var(--ink); }
	.mlx-header .wp-block-navigation__responsive-container-open svg { width: 22px; height: 22px; }

	.mlx-header .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed; inset: 0; width: 100%; height: 100dvh; padding: 0; overflow-y: auto;
		background-color: #0c2e3b !important;
		background-image: radial-gradient(560px 420px at 100% 0%, rgba(7, 114, 156, .6), rgba(7, 114, 156, 0) 70%), radial-gradient(420px 320px at 0% 100%, rgba(233, 101, 36, .16), rgba(233, 101, 36, 0) 70%) !important;
		color: #fff !important;
	}
	.mlx-header .is-menu-open .wp-block-navigation__responsive-container-close { position: absolute; top: 14px; right: 20px; background: rgba(255, 255, 255, .12); color: #fff; }
	.mlx-header .is-menu-open .wp-block-navigation__responsive-container-close svg { width: 22px; height: 22px; }
	.mlx-header .is-menu-open .wp-block-navigation__responsive-container-content { padding: 92px 28px 130px; align-items: flex-start; justify-content: flex-start; gap: 0; }
	.mlx-header .is-menu-open .wp-block-navigation__container { width: 100%; align-items: stretch !important; gap: 0 !important; }
	.mlx-header .is-menu-open .wp-block-navigation-item { width: 100%; align-items: flex-start; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, .14); }
	.mlx-header .is-menu-open .wp-block-navigation-item__content { font: 400 1.75rem/1.2 var(--f-display) !important; color: #fff !important; padding: 20px 0 !important; border-radius: 0 !important; background: none !important; letter-spacing: -.01em; }
	.mlx-header .is-menu-open .wp-block-navigation-item__content:hover, .mlx-header .is-menu-open .current-menu-item > .wp-block-navigation-item__content { color: #ffb48a !important; background: none !important; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-icon { display: none; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container { position: static !important; display: block !important; width: 100% !important; margin: 0 0 18px !important; padding: 0 0 0 16px !important; border: 0 !important; border-left: 2px solid var(--sun) !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; opacity: 1; visibility: visible; min-width: 0; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font: 500 1.0625rem/1.3 var(--f-body) !important; color: #c9dbe3 !important; padding: 9px 0 !important; }
}

@media (max-width: 900px) {
	.mlx-header .is-menu-open .wp-block-navigation-item__content { display: block; width: 100%; text-align: left; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: #c9dbe3 !important; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: #ffb48a !important; }
}


/* ==========================================================================
   Редагований дизайн: усе зібрано з рідних блоків та блока «Іконка»
   ========================================================================== */
.mlx-hero { padding-block: clamp(36px, 5vw, 72px) clamp(100px, 10vw, 148px); }
.mlx-hero--page { padding-bottom: clamp(56px, 7vw, 96px); }
.mlx-hero--noimg .mlx-hero__grid { grid-template-columns: 1fr; max-width: 860px; }
.mlx-hero--page h1 { font-size: clamp(2.2rem, 4.4vw, 3.4rem) !important; }

/* Список переваг у hero */
ul.mlx-facts { list-style: none; padding: 0 !important; margin: 30px 0 0 !important; display: grid; gap: 12px; }
.mlx-facts li { position: relative; padding-left: 38px; font-weight: 500; color: var(--ink); margin: 0 !important; }
.mlx-facts li::before, .mlx-feat ul.wp-block-list li::before, .mlx-prosesec ul.wp-block-list li::before { content: ""; position: absolute; left: 0; top: 1px; width: 26px; height: 26px; border-radius: 50%; background: var(--sea) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat; }
.mlx-prosesec ul.wp-block-list { list-style: none; padding: 0 !important; margin: 22px 0 0 !important; display: grid; gap: 14px; }
.mlx-prosesec ul.wp-block-list li { position: relative; padding-left: 40px; margin: 0 !important; }

/* Плашки на фото */
.mlx-chip { position: absolute; z-index: 2; display: flex !important; align-items: center; gap: 12px; background: #fff; border-radius: 18px; padding: 12px 18px 12px 12px; box-shadow: var(--shadow); max-width: 250px; }
.mlx-chip .mlx-ico { width: 40px; height: 40px; flex: none; border-radius: 12px; font-size: 1.25rem; }
.mlx-chip__t { font: 600 .95rem/1.25 var(--f-body) !important; color: var(--ink); margin: 0 !important; }
.mlx-chip__s { font-size: .85rem !important; line-height: 1.3 !important; color: var(--ink-2); margin: 2px 0 0 !important; }

/* Смуга цифр */
.mlx-stats-sec { padding: 0 !important; height: 0; overflow: visible; z-index: 3; }
.mlx-stats-sec .mlx-wrap { transform: translateY(clamp(-76px, -6vw, -56px)); }
.mlx-stat { padding: 30px 28px; display: flex; flex-direction: column; gap: 6px; }
.mlx-stat + .mlx-stat { border-left: 1px solid var(--line); }
.mlx-stat__num { font: 500 clamp(2.2rem, 3.4vw, 3rem)/1 var(--f-display) !important; color: var(--sea); letter-spacing: -.02em; margin: 0 !important; }
.mlx-stat__label { font-size: .98rem !important; line-height: 1.35 !important; color: var(--ink-2); margin: 0 !important; }

/* Заголовок сторінки */
.mlx-pagetitle { background: var(--mist); padding-block: clamp(40px, 5vw, 64px) !important; border-bottom: 4px solid var(--sun); }
.mlx-pagetitle h1 { margin: 0 !important; font-size: clamp(2.2rem, 4.4vw, 3.4rem) !important; }

/* Візит: карточка з рідних блоків */
.mlx-visitcard .mlx-tel { margin: 0 0 20px !important; }
.mlx-visitcard .mlx-tel a { display: block; font: 500 clamp(1.7rem, 3vw, 2.2rem)/1.1 var(--f-display); color: var(--ink) !important; text-decoration: none !important; letter-spacing: -.01em; }
.mlx-visitcard .mlx-tel a:hover { color: var(--sea) !important; }
.mlx-visitcard .mlx-btns { margin: 0 !important; }
.mlx-visitcard .wp-block-button, .mlx-visitcard .wp-block-button__link { width: 100%; box-sizing: border-box; justify-content: center; }
.mlx-mini { display: grid; gap: 10px; margin-top: 22px !important; padding-top: 22px; border-top: 1px solid var(--line); }
.mlx-mini__row { display: flex; align-items: center; gap: 12px; }
.mlx-mini__row .mlx-ico { width: 34px; height: 34px; border-radius: 10px; font-size: 1rem; flex: none; }
.mlx-mini__row p { margin: 0 !important; color: var(--ink) !important; font-size: 1rem !important; }
.mlx-mini__row a { color: var(--ink) !important; text-decoration: none !important; }
.mlx-mini__row a:hover { color: var(--sea) !important; }

/* Фото + текст: дзеркальний варіант і фон */
.mlx-feat__grid.is-flipped { grid-template-columns: 1.05fr .95fr; }
.mlx-feat__grid.is-flipped .mlx-feat__media::before { inset: 28px 28px -22px -22px; }
.mlx-tone-light { background: var(--mist); }
.mlx-prosesec .mlx-prose { max-width: 820px; margin-inline: auto !important; }
.mlx-prosesec .mlx-prose h2 { margin-top: 0; }

/* Сітка карток для внутрішніх сторінок */
.mlx-cardgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 18px; margin-top: 44px !important; }
.mlx-cardsec > .mlx-wrap > .mlx-cardgrid:first-child { margin-top: 0 !important; }
.mlx-cardgrid .mlx-cell { grid-column: auto; }
.mlx-cell__link { margin-top: auto !important; padding-top: 6px; }
.mlx-cell__link a { font-weight: 600; color: var(--sea); text-decoration: none; }
.mlx-cell__link a::after { content: " →"; }
.mlx-cell__link a:hover { color: var(--sun-d); }

/* Галерея: посилання в шапці */
p.mlx-link { display: block; border: 0; padding: 0; margin: 0 !important; }
.mlx-link a { color: var(--sea); text-decoration: none; font-weight: 600; border-bottom: 2px solid currentColor; padding-bottom: 3px; }
.mlx-link a:hover { color: var(--sun-d); }
.mlx-gal__head > .wp-block-group { flex: 1; min-width: 240px; }

/* Чипи станів */
.mlx-chipx { display: inline-flex !important; align-items: center; gap: 12px; }
.mlx-chipx .mlx-ico { width: 40px; height: 40px; border-radius: 50%; font-size: 1.15rem; flex: none; }
.mlx-chipx p { margin: 0 !important; font: 500 1.05rem/1.2 var(--f-body) !important; color: var(--ink); }

/* Контакти */
.mlx-clist { display: grid; gap: 18px; margin-top: 30px !important; }
.mlx-crow { display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: center; }
.mlx-crow .mlx-ico { width: 52px; height: 52px; border-radius: 16px; font-size: 1.35rem; }
.mlx-crow__l { font-size: .85rem !important; line-height: 1.2 !important; letter-spacing: .04em; color: var(--ink-2); margin: 0 0 3px !important; }
.mlx-crow__v, .mlx-crow__v a { font: 500 1.125rem/1.3 var(--f-body) !important; color: var(--ink) !important; text-decoration: none !important; margin: 0 !important; }
.mlx-crow__v a:hover { color: var(--sea) !important; }

/* Допомога під FAQ */
.mlx-help p { margin: 0 0 8px !important; }
.mlx-help__tel a { font: 500 1.5rem/1.2 var(--f-display); color: var(--ink) !important; text-decoration: none !important; }

/* Мобільна версія нових блоків */
@media (max-width: 1000px) {
	.mlx-feat__grid.is-flipped { grid-template-columns: 1fr; }
	.mlx-stats-sec .mlx-wrap { transform: translateY(-48px); }
}

/* У редакторі: анімації вимкнено, блоки завжди видимі */
.editor-styles-wrapper .mlx-reveal { opacity: 1 !important; transform: none !important; }
.editor-styles-wrapper .mlx-chip { position: relative; margin: 8px 0; }
.editor-styles-wrapper .mlx-hero__copy > *, .editor-styles-wrapper .mlx-hero__media { animation: none; }

.mlx-gal__head { padding-bottom: 40px; }
.mlx-cardsec .mlx-center { margin-bottom: 0; }


/* Таблиця цін (блок «Таблиця») */
.mlx-tablesec .wp-block-table { margin: 0 auto !important; max-width: 900px; overflow: hidden; border-radius: var(--r-lg); border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow); }
.mlx-table table { width: 100%; border-collapse: collapse; border: 0; }
.mlx-table thead th { background: var(--ink); color: #fff; font: 600 .9rem/1.2 var(--f-body); letter-spacing: .06em; text-transform: uppercase; text-align: left; padding: 18px 26px; border: 0; }
.mlx-table td { padding: 22px 26px; border: 0; border-top: 1px solid var(--line); font-size: 1.0625rem; color: var(--ink); vertical-align: middle; }
.mlx-table tbody tr:first-child td { border-top: 0; }
.mlx-table td:last-child { font: 500 1.35rem/1.25 var(--f-display); color: var(--sea); white-space: nowrap; text-align: right; }
.mlx-table thead th:last-child { text-align: right; }
.mlx-table tbody tr:hover td { background: var(--mist); }
.mlx-table__note { max-width: 900px; margin: 22px auto 0 !important; text-align: center; font-size: .95rem !important; color: var(--ink-2); }
.mlx-tablesec > .mlx-wrap > .mlx-center { margin-bottom: 40px; }
@media (max-width: 640px) { .mlx-table td, .mlx-table thead th { padding: 16px 16px; } .mlx-table td:last-child { white-space: normal; font-size: 1.15rem; } }

/* Таблиця цін: довгі значення переносяться, вступ не липне до таблиці */
.mlx-table table { table-layout: auto; }
.mlx-table td:first-child { width: 48%; }
.mlx-table td:last-child { white-space: normal; }
.mlx-tablesec .mlx-center { padding-bottom: 40px; }

/* Сітка карток: неповний останній ряд по центру */
.mlx-cardgrid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.mlx-cardgrid > .mlx-cell { flex: 1 1 290px; max-width: calc(33.333% - 12px); }
@media (max-width: 900px) { .mlx-cardgrid > .mlx-cell { max-width: calc(50% - 9px); } }
@media (max-width: 640px) { .mlx-cardgrid > .mlx-cell { max-width: 100%; } }


/* ==========================================================================
   Послуги та блог: картки записів, шаблони сторінок
   ========================================================================== */
.mlx-hero__grid:not(:has(.mlx-arch)) { grid-template-columns: 1fr; max-width: 860px; }
.mlx-hero__grid:not(:has(.mlx-arch)) .mlx-hero__media { display: none; }

/* Кроки */
.mlx-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 44px !important; counter-reset: none; }
.mlx-step { position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 30px 26px 28px; }
.mlx-step::after { content: ""; position: absolute; top: 46px; right: -23px; width: 24px; border-top: 2px dashed var(--line); z-index: 1; }
.mlx-step:last-child::after { display: none; }
.mlx-step__n { width: 46px; height: 46px; border-radius: 50%; background: var(--sun); color: #fff; font: 600 1.25rem/46px var(--f-display) !important; text-align: center; margin: 0 0 16px !important; }
.mlx-step h3 { font-size: 1.25rem !important; margin: 0 0 8px !important; }
.mlx-step p:not(.mlx-step__n) { margin: 0 !important; font-size: 1rem !important; }
.mlx-stepsec.mlx-tone-light .mlx-step { border-color: transparent; }
@media (max-width: 1000px) { .mlx-steps { grid-template-columns: repeat(2, 1fr); } .mlx-step::after { display: none; } }
@media (max-width: 640px) { .mlx-steps { grid-template-columns: 1fr; } }

/* Картки записів (послуги, блог) */
.mlx-postgrid .wp-block-post-template { list-style: none; padding: 0; margin: 0; gap: 26px; }
.mlx-postgrid .wp-block-post-template > li { margin: 0; }
.mlx-postcard { display: flex !important; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.mlx-postcard:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.mlx-postcard .wp-block-post-featured-image { margin: 0 !important; overflow: hidden; }
.mlx-postcard .wp-block-post-featured-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; transition: transform .6s ease; }
.mlx-postcard:hover .wp-block-post-featured-image img { transform: scale(1.05); }
.mlx-postcard__body { padding: 24px 26px 28px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.mlx-postcard .wp-block-post-title { font-size: 1.35rem !important; line-height: 1.25; margin: 0 !important; }
.mlx-postcard .wp-block-post-title a { color: var(--ink); text-decoration: none; }
.mlx-postcard .wp-block-post-title a:hover { color: var(--sea); }
.mlx-postcard .wp-block-post-excerpt { margin: 0 !important; }
.mlx-postcard .wp-block-post-excerpt__excerpt { margin: 0; font-size: 1rem; }
.mlx-postcard .wp-block-post-excerpt__more-text { margin: 10px 0 0 !important; }
.mlx-postcard .wp-block-post-excerpt__more-link { color: var(--sea); font-weight: 600; text-decoration: none; }
.mlx-postcard .wp-block-post-excerpt__more-link::after { content: " →"; }
.mlx-postcard .wp-block-post-terms, .mlx-meta { font: 600 .78rem/1.2 var(--f-body) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--sun-d); margin: 0 !important; }
.mlx-postcard .wp-block-post-terms a, .mlx-meta a { color: var(--sun-d); text-decoration: none; }
.mlx-postcard .wp-block-post-date { font-size: .85rem !important; color: var(--ink-2); margin: 0 !important; }
.mlx-related .mlx-postcard .wp-block-post-featured-image img { aspect-ratio: 16 / 9; }
@media (max-width: 900px) { .mlx-postgrid .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .mlx-postgrid .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; } }

/* Рубрики-«таблетки» і пагінація */
.mlx-cats, .mlx-cats ul { list-style: none; padding: 0; margin: 28px 0 0 !important; display: flex; flex-wrap: wrap; gap: 10px; }
.mlx-cats li { margin: 0 !important; }
.mlx-cats a { display: inline-block; padding: 9px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--line); color: var(--ink); font: 500 .95rem/1.2 var(--f-body); text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
.mlx-cats a:hover, .mlx-cats .current-cat a { background: var(--sea); border-color: var(--sea); color: #fff; }
.wp-block-query-pagination { margin-top: 44px !important; justify-content: center; gap: 8px; flex-wrap: wrap; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { padding: 10px 16px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; font-weight: 500; }
.wp-block-query-pagination .page-numbers.current, .wp-block-query-pagination a:hover { background: var(--sea); border-color: var(--sea); color: #fff; }
.mlx-empty { text-align: center; padding: 40px 0; }

/* Стаття блогу */
.mlx-articlehead { padding-block: clamp(40px, 5vw, 72px) 0 !important; }
.mlx-articlehead .mlx-wrap { max-width: 820px; }
.mlx-articlehead h1 { font-size: clamp(2rem, 4vw, 3.1rem) !important; margin: 14px 0 14px !important; }
.mlx-articlehead .mlx-metarow { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.mlx-articlehead .wp-block-post-date { font-size: .9rem !important; color: var(--ink-2); margin: 0 !important; }
.mlx-articleimg { margin: 34px 0 0 !important; }
.mlx-articleimg img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-lg); box-shadow: var(--shadow); display: block; }
.mlx-article { padding-block: 40px clamp(56px, 7vw, 96px) !important; }
.mlx-article .wp-block-post-content { max-width: 760px; margin-inline: auto; }
.mlx-article .wp-block-post-content > * + * { margin-top: 1.15em; }
.mlx-article .wp-block-post-content p, .mlx-article .wp-block-post-content li { font-size: 1.0625rem; line-height: 1.8; color: var(--ink-2); }
.mlx-article .wp-block-post-content h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin-top: 1.8em; }
.mlx-article .wp-block-post-content h3 { font-size: 1.35rem; margin-top: 1.5em; }
.mlx-article .wp-block-post-content ul, .mlx-article .wp-block-post-content ol { padding-left: 1.3em; }
.mlx-article .wp-block-post-content li + li { margin-top: .5em; }
.mlx-article .wp-block-post-content img { border-radius: var(--r-md); height: auto; }
.mlx-article .wp-block-post-content blockquote { margin-inline: 0; padding: 6px 0 6px 24px; border-left: 4px solid var(--sun); font: italic 400 1.25rem/1.6 var(--f-display); color: var(--ink); }
.mlx-article .wp-block-post-content a { text-decoration: underline; text-underline-offset: 3px; }
.mlx-callout { background: var(--apricot); border-radius: var(--r-md); padding: 22px 26px; border-left: 4px solid var(--sun); }
.mlx-callout p { margin: 0 !important; color: var(--ink) !important; }

/* Заклик до дії внизу шаблонів */
.mlx-cta .mlx-formcard { box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .6); }


/* Відступи в шаблонах записів: між секціями немає щілин, у статті між блоками є повітря */
main.wp-block-group > * { margin-block: 0 !important; }
.mlx-article .wp-block-post-content { max-width: 820px !important; margin-inline: auto !important; padding-inline: 0 !important; }
.mlx-article .wp-block-post-content > * { margin-block: 0 !important; }
.mlx-article .wp-block-post-content > * + * { margin-top: 1.15em !important; }
.mlx-article .wp-block-post-content > h2 { margin-top: 1.9em !important; margin-bottom: .1em !important; }
.mlx-article .wp-block-post-content > h3 { margin-top: 1.6em !important; margin-bottom: .05em !important; }
.mlx-article .wp-block-post-content > .mlx-callout { margin-top: 1.6em !important; margin-bottom: 1.6em !important; }
.mlx-article .wp-block-post-content > .wp-block-image, .mlx-article .wp-block-post-content > figure { margin-block: 1.6em !important; }
.mlx-related .mlx-postcard__body { padding: 20px 22px 24px; }

/* «Інші послуги» / «Читайте також»: неповний ряд карточок по центру */
.mlx-related .wp-block-post-template.is-layout-grid { display: flex !important; flex-wrap: wrap; justify-content: center; }
.mlx-related .wp-block-post-template.is-layout-grid > li { flex: 0 1 calc(33.333% - 18px); min-width: 260px; }
@media (max-width: 640px) { .mlx-related .wp-block-post-template.is-layout-grid > li { flex-basis: 100%; } }


/* Чотири картки в один ряд; блок «Не знайшли свою ситуацію» */
.mlx-cardgrid--4 > .mlx-cell { flex: 1 1 220px; max-width: calc(25% - 14px); }
@media (max-width: 1000px) { .mlx-cardgrid--4 > .mlx-cell { max-width: calc(50% - 9px); } }
@media (max-width: 640px) { .mlx-cardgrid--4 > .mlx-cell { max-width: 100%; } }
.mlx-notfound .mlx-center { max-width: 720px; }
.mlx-notfound p { font-size: 1.125rem !important; }


/* Виноски у текстових розділах послуг */
.mlx-prosesec .mlx-callout, .mlx-feat__text .mlx-callout { margin-top: 1.5em !important; }
.mlx-callout--alert { background: #fff1f0; border-left-color: #d64545; }
.mlx-notesec { padding-block: 36px !important; }
.mlx-notesec .mlx-callout { max-width: 820px; margin-inline: auto !important; }
.mlx-note p { font-size: .95rem !important; }
.mlx-prosesec p strong, .mlx-feat__text p strong { color: var(--ink); }


/* Заклик до дії: синій блок (відрізняється від темного підвалу) і компактна форма */
.mlx-cta { background: linear-gradient(135deg, #0a86b5 0%, #07729c 45%, #055473 100%) !important; padding-block: clamp(48px, 6vw, 80px) !important; }
.mlx-cta::before { background: radial-gradient(closest-side, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0)) !important; }
.mlx-cta .mlx-eyebrow { color: #ffd2b8; }
.mlx-cta .mlx-visit__grid { align-items: center; gap: clamp(28px, 5vw, 72px); }
.mlx-cta .mlx-btns .wp-block-button__link { background: #fff; color: var(--sea-d); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .4); }
.mlx-cta .mlx-btns .wp-block-button__link:hover { background: var(--sun); color: #fff; }
.mlx-cta .mlx-btns .mlx-ghost .wp-block-button__link { background: transparent; color: #fff; }
.mlx-formcard--compact { padding: clamp(22px, 2.6vw, 32px) !important; max-width: 440px; width: 100%; margin-left: auto; border-radius: var(--r-lg); }
.mlx-formcard--compact .wpcf7 form p { margin: 0 0 12px; }
.mlx-formcard--compact .wpcf7 form p:last-of-type { margin-bottom: 0; }
.mlx-formcard--compact .wpcf7 input[type="text"], .mlx-formcard--compact .wpcf7 input[type="tel"], .mlx-formcard--compact .wpcf7 input[type="email"] { padding: 12px 16px !important; margin-top: 6px !important; }
.mlx-formcard--compact .wpcf7 input[type="submit"] { width: 100%; padding: 14px 24px !important; }
@media (max-width: 1000px) { .mlx-formcard--compact { max-width: none; margin-left: 0; } }

/* Вкладене підменю «Послуги»: групи тем, що розкриваються праворуч */
.mlx-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { z-index: 1; min-width: 280px; }
.mlx-header .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.has-child > .wp-block-navigation-item__content { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
@media (max-width: 900px) {
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { border-left-color: rgba(255, 255, 255, .35) !important; margin-left: 8px !important; }
	.mlx-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: .95rem !important; }
}