/* pages.css — Version: 1.29.0
   Статичните страници в раздела „За пациента“.

   Наследяват вида на „За нас“ (`mk-abt-*`), но са по-прости: тези страници са
   текст, не витрина. Затова едно четимо поле до 820px, центриран заглавен блок
   и подканата накрая. */

/* ── Въздух над заглавния блок ────────────────────────────────────────── */
/* Същите 70px, както при архивите и единичните страници. Списъкът е изричен:
   „Контакт“, „Партньори“ и „Важно за пациента“ имат нарочен дизайн и не са тук.
   Шаблоните дават 64 на секцията и още 10 на колоната при „За нас“ — и двете
   се пренаписват, за да не зависи резултатът от сбора им. */
.page-id-10 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
.page-id-31566 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
.page-id-31567 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
.page-id-31568 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
.page-id-31569 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
.page-id-3024 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
/* Всяка страница, сглобена по конвенцията, без да се добавя нов `page-id`. */
[data-elementor-type="wp-page"] > .mk-pg-sec:first-of-type {
	padding-top: 70px !important;
}
.page-id-10 [data-elementor-type="wp-page"] > .elementor-section:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated,
.page-id-31566 [data-elementor-type="wp-page"] > .elementor-section:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated,
.page-id-31567 [data-elementor-type="wp-page"] > .elementor-section:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated,
.page-id-31568 [data-elementor-type="wp-page"] > .elementor-section:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated,
.page-id-31569 [data-elementor-type="wp-page"] > .elementor-section:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated,
.page-id-3024 [data-elementor-type="wp-page"] > .elementor-section:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated,
[data-elementor-type="wp-page"] > .mk-pg-sec:first-of-type
	> .elementor-container > .elementor-column > .elementor-element-populated {
	padding-top: 0 !important;
}

/* Джаджите в заглавния блок не носят свой отстъп отдолу — разстоянията идват
   от заглавието и от бутона, както при единичните страници. */
[data-elementor-type="wp-page"] > .mk-pg-sec:first-of-type .mk-pg-head .elementor-widget {
	margin-bottom: 0 !important;
}

/* Секция, в която стои само заглавният блок, затваря без отстъп отдолу:
   полето от 72, което `landing.css` дава на всяка колона в `.mk-pg-sec`, се
   събираше с полето на следващия дял и между заглавието и текста зейваха 152
   вместо 70. Класът се слага изрично — по-рано условието беше
   `:has(.mk-pg-head)` и свиваше и дялове, които освен заглавие носят и
   съдържание („Транспорт и престой“, „Как работим“). */
[data-elementor-type="wp-page"] > .mk-pg-sec.mk-in-head
	> .elementor-container > .elementor-column > .elementor-element-populated {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ── общо ─────────────────────────────────────────────────────────────── */
.mk-pg-sec > .elementor-container { max-width: 1300px !important; }
.mk-pg-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; }

/* ── заглавен блок ────────────────────────────────────────────────────── */
/* Малкият надпис над заглавието. `hero.css` стилизира `.eyebrow` като
   елемент, но при Heading джаджата класът пада на обвивката, а надписът е
   `.elementor-heading-title` вътре — наследява се само цветът, не размерът,
   и h6 оставаше 10px лилав вместо 15px оранжев. Архивите имат същото
   правило под `.mk-arch-head`; това е двойникът му за страниците. */
.mk-pg-eyebrow .elementor-heading-title {
	font-size: 15px !important; font-weight: 700 !important;
	letter-spacing: .08em !important; text-transform: uppercase !important;
	color: #F37B1F !important; margin: 0 !important;
}
.mk-pg-eyebrow { margin-bottom: 0 !important; }
/* Заглавието носи въздуха между двете — както в заглавния блок на архива. */
.mk-pg-head .mk-pg-eyebrow + .mk-pg-title .elementor-heading-title { margin-top: 14px !important; }

.mk-pg-title .elementor-heading-title {
	font-size: 34px !important; font-weight: 800 !important; line-height: 1.2 !important;
	color: #362A4B !important; margin: 0 0 18px !important;
}
.mk-pg-lead {
	max-width: 820px !important; margin: 0 auto !important;
}
.mk-pg-lead p {
	font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 !important;
}

/* Снимката под заглавието: широка лента, не портрет — дори когато
   оригиналът е вертикален. */
.mk-pg-hero-img { margin-top: 36px !important; }
.mk-pg-hero-img img {
	width: 100% !important; max-height: 420px !important; object-fit: cover !important;
	display: block !important; border-radius: 0 !important;
	/* Изрязването тръгва малко под средата: при пейзажните снимки горната
	   третина е небе, а предметът на кадъра стои по-ниско. */
	object-position: center 62% !important;
}

/* ── тяло ─────────────────────────────────────────────────────────────── */
.mk-pg-body > .elementor-element-populated { max-width: 820px !important; margin: 0 auto !important; }

.mk-pg-txt p {
	font-size: 16px !important; line-height: 1.75 !important; color: #4A4458 !important;
	margin: 0 0 18px !important;
}

.mk-pg-h2 .elementor-heading-title {
	font-size: 30px !important; font-weight: 800 !important; line-height: 1.3 !important;
	color: #362A4B !important; margin: 34px 0 14px !important;
}

/* Изречението, което носи смисъла на страницата. */
.mk-pg-claim p {
	font-size: 16px !important; font-weight: 600 !important; color: #69528E !important;
	line-height: 1.55 !important; margin: 26px 0 0 !important;
}

/* ── номерираните стъпки в „Как работим“ ──────────────────────────────── */
.mk-pg-step p {
	position: relative !important;
	padding: 0 0 0 58px !important;
	font-size: 16px !important; line-height: 1.75 !important; color: #4A4458 !important;
	margin: 0 0 26px !important;
	min-height: 40px !important;
}
.mk-pg-num {
	position: absolute !important; left: 0 !important; top: 0 !important;
	width: 40px !important; height: 40px !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	font-size: 16px !important; font-weight: 800 !important; color: #fff !important;
	background: #69528E !important; border-radius: 50% !important;
}

/* ── изброяването в „Как да изпратите…“ ───────────────────────────────── */
.mk-pg-list ul { margin: 0 0 18px !important; padding: 0 !important; list-style: none !important; }
.mk-pg-list li {
	position: relative !important;
	padding: 0 0 0 26px !important;
	font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important;
	margin: 0 0 10px !important;
}
.mk-pg-list li::before {
	content: "" !important; position: absolute !important; left: 4px !important; top: 11px !important;
	width: 7px !important; height: 7px !important; background: #69528E !important;
	transform: rotate(45deg) !important;
}

/* ── предупреждението в „Организация на лечение“ ──────────────────────── */
/* Чертата отляво слиза наполовина (1.5 вместо 3), а въздухът вътре расте
   наполовина (30/36 вместо 20/24): тънка черта до много въздух, вместо
   дебела черта до тесен текст. */
.mk-pg-note {
	border-left: 1.5px solid #69528E !important;
	background: #F8F5FB !important;
	padding: 30px 36px !important;
	margin-top: 10px !important;
}
.mk-pg-note p {
	font-size: 15px !important; line-height: 24px !important; color: #4A4458 !important; margin: 0 !important;
}

/* ── двете възможности на MediCar ─────────────────────────────────────── */
.mk-pg-option {
	border: 1px solid #EEE6F5 !important;
	padding: 18px 22px !important;
	margin-bottom: 12px !important;
	transition: border-color .18s ease, background-color .18s ease !important;
}
.mk-pg-option:hover { border-color: #DED0EA !important; background: #FBF9FD !important; }
.mk-pg-option p { font-size: 15px !important; line-height: 24px !important; color: #4A4458 !important; margin: 0 !important; }
.mk-pg-option strong { color: #362A4B !important; }

/* ── подканата накрая ─────────────────────────────────────────────────── */
.mk-pg-ctasec { background: #F8F5FB !important; }
.mk-pg-cta > .elementor-element-populated { max-width: 760px !important; margin: 0 auto !important; }
.mk-pg-cta .elementor-heading-title {
	font-size: 30px !important; font-weight: 800 !important; color: #362A4B !important; margin: 0 0 10px !important;
}
.mk-pg-cta .elementor-widget-text-editor p {
	font-size: 16px !important; line-height: 1.65 !important; color: #5A5368 !important; margin: 0 0 22px !important;
}
.mk-pg-cta .elementor-button {
	background: #FF1A4B !important; color: #fff !important; border: 0 !important; border-radius: 3px !important;
	padding: 14px 30px !important; font-size: 15px !important; font-weight: 700 !important;
}
.mk-pg-cta .elementor-button:hover { background: #E01040 !important; }

/* ── телефон ──────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
	.mk-pg-title .elementor-heading-title { font-size: 26px !important; }
	.mk-pg-hero-img img { max-height: 240px !important; }
	.mk-pg-step p { padding-left: 48px !important; }
	.mk-pg-num { width: 34px !important; height: 34px !important; font-size: 14px !important; }
}

/* Знакът на MediCar в края на „Транспорт и престой“ — отделен е от текста
   и от следващата секция, за да не изглежда като част от абзаца. */
.mk-pg-brand { margin: 44px 0 8px !important; }
.mk-pg-brand img {
	max-width: 150px !important; height: auto !important; display: block !important;
	margin: 0 auto !important; opacity: .9 !important;
	transition: opacity .18s ease !important;
}
.mk-pg-brand:hover img { opacity: 1 !important; }

/* „Транспорт и престой“: кадърът е дърво отгоре и джамия отдолу — видимата
   лента се сваля до долния ръб, иначе остава небе. */
.page-id-31569 .mk-pg-hero-img img { object-position: center bottom !important; }

/* ── подзаглавия и списъци в тялото на страницата ───────────────────
   Текстът беше един блок без стъпала: въвеждащ ред, списък и три абзаца
   наред. Подзаглавията разделят въпросите („какво" и „как"), а списъкът
   получава точки, които се виждат. */
.mk-pg-h2 .elementor-heading-title {
	font-size: 30px !important;
	line-height: 1.3 !important;
	font-weight: 800 !important;
	color: #362A4B !important;
	margin: 0 0 14px !important;
}

.mk-pg-body .elementor-widget + .mk-pg-h2 { margin-top: 42px !important; }

.mk-pg-list ul {
	margin: 0 0 8px !important;
	padding: 0 !important;
	list-style: none !important;
}

.mk-pg-list li {
	position: relative !important;
	padding-left: 22px !important;
	margin: 0 0 9px !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #4A4458 !important;
}

.mk-pg-list li::before {
	content: "" !important;
	position: absolute !important;
	left: 2px !important;
	top: 11px !important;
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #69528E !important;
}



/* ── „Лечение на инфертилитет – безплодие“ ────────────────────────────────
   Страницата е дълго четиво с числа, затова тялото не върви като един поток:
   дяловете седят в кутии, причините носят степента си в цвета на левия ръб, а
   отдясно стои колона, която остава на екрана. Банер няма — заглавието е в
   обичайния блок, както навсякъде другаде. */

.mk-in-sec > .elementor-container { align-items: flex-start !important; gap: 34px !important; }
.mk-in-sec > .elementor-container > .mk-in-main { width: 64% !important; }
.mk-in-sec > .elementor-container > .mk-in-side { width: calc(36% - 34px) !important; }
/* 70 отгоре и отдолу — същият ритъм като при единичните страници, вместо
   72-те, които `landing.css` дава на всяка колона в `.mk-pg-sec`. */
.mk-pg-sec.mk-in-sec > .elementor-container > .elementor-column > .elementor-element-populated {
	padding: 70px 0 !important;
}
.mk-in-side > .elementor-element-populated { position: sticky !important; top: 96px !important; }

/* ── четивото ─────────────────────────────────────────────────────────────
   Един размер за текст — 16/26 — както на всяка друга единична страница.
   Преди тук живееха пет (18 за водещия абзац, 17 за заключението, 16 за
   основния текст, 15.5 в картите, 15 в стъпките) и страницата се четеше като
   чужда. Водещият абзац и заключението се различават с цвят и фон, не с
   кегел. */
.mk-in-main .elementor-widget-heading h2.elementor-heading-title {
	font-size: 19px !important; font-weight: 800 !important; color: #362A4B !important;
	line-height: 1.3 !important; margin: 42px 0 14px !important;
}
.mk-in-lead p {
	font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important;
	margin: 0 0 16px !important;
}
.mk-in-copy p { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 0 16px !important; }
.mk-in-copy ul { margin: 0 0 16px !important; padding: 0 !important; list-style: none !important; }
.mk-in-copy li { position: relative !important; padding-left: 18px !important; margin: 0 0 9px !important; font-size: 16px !important; line-height: 26px !important; }
.mk-in-copy li::before {
	content: "" !important; position: absolute !important; left: 2px !important; top: 11px !important;
	width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #B9A6D1 !important;
}
.mk-in-copy strong { color: #362A4B !important; }

/* ── снимките в четивото ──────────────────────────────────────────────── */
/* Селекторът е с едно ниво повече от нужното: `landing.css` държи
   `.mk-pg-sec .elementor-widget-image img { height: auto !important }`, зарежда
   се след този файл и при равна специфичност печели — снимките тръгваха в
   естествен ръст, по 500px всяка. */
.mk-in-shot { margin: 24px 0 30px !important; }
.mk-pg-sec .mk-in-main .mk-in-shot img {
	width: 100% !important; height: 260px !important;
	object-fit: cover !important; display: block !important;
}
.mk-in-shot figcaption {
	font-size: 13px !important; font-style: italic !important; color: #8C7CA6 !important;
	text-align: left !important; padding: 8px 0 0 !important; background: none !important;
}

/* ── числата ──────────────────────────────────────────────────────────── */
.mk-in-stats { background: #F8F5FB !important; margin: 30px 0 !important; }
.mk-in-stats > .elementor-container { max-width: none !important; }
.mk-in-stats > .elementor-container > .mk-in-stat > .elementor-element-populated { padding: 20px 16px !important; }
.mk-in-stats > .elementor-container > .mk-in-stat + .mk-in-stat { border-left: 1px solid #E6DCF0 !important; }
.mk-in-stat-num .elementor-heading-title {
	font-size: 28px !important; font-weight: 800 !important; color: #69528E !important;
	line-height: 1.1 !important; margin: 0 0 6px !important;
}
.mk-in-stat-txt p { font-size: 13.5px !important; line-height: 1.5 !important; color: #4A4458 !important; margin: 0 !important; }
.mk-in-stat-src p {
	font-size: 11.5px !important; letter-spacing: .04em !important; text-transform: uppercase !important;
	color: #A596BC !important; margin: 7px 0 0 !important;
}

/* ── причините ────────────────────────────────────────────────────────────
   Левият ръб носи степента: колкото по-тежка е причината, толкова по-плътен е
   цветът. Номерът и етикетът стоят на един ред над името. */
.mk-in-cause {
	background: #fff !important; border: 1px solid #EEE6F5 !important;
	border-left: 4px solid #B9A6D1 !important; margin: 0 0 14px !important;
}
.mk-in-cause > .elementor-container { max-width: none !important; }
.mk-in-cause > .elementor-container > .elementor-column > .elementor-element-populated { padding: 18px 22px 6px !important; }
.mk-in-cause--lvl1 { border-left-color: #69528E !important; }
.mk-in-cause--lvl2 { border-left-color: #8C6FB5 !important; }
.mk-in-cause--lvl3 { border-left-color: #B9A6D1 !important; }
.mk-in-cause--lvl4 { border-left-color: #DED0EA !important; }

/* Номерът и етикетът стоят на един ред, името и текстът — всеки на свой.
   `pages.css` разтяга всяка джаджа до 100% (`.mk-pg-sec .elementor-widget-wrap
   > .elementor-widget`), затова редът се прави с flex на обвивката, а двете
   кратки джаджи изрично се свиват. */
.mk-in-cause .elementor-widget-wrap,
.mk-in-step .elementor-widget-wrap {
	display: flex !important; flex-wrap: wrap !important; align-items: center !important;
}
.mk-pg-sec .mk-in-cause .elementor-widget-wrap > .mk-in-cause-num,
.mk-pg-sec .mk-in-cause .elementor-widget-wrap > .mk-in-cause-tag,
.mk-pg-sec .mk-in-step .elementor-widget-wrap > .mk-in-step-num,
.mk-pg-sec .mk-in-step .elementor-widget-wrap > .mk-in-step-name { width: auto !important; flex: 0 0 auto !important; }
.mk-pg-sec .mk-in-cause .elementor-widget-wrap > .mk-in-cause-name,
.mk-pg-sec .mk-in-cause .elementor-widget-wrap > .mk-in-cause-txt,
.mk-pg-sec .mk-in-step .elementor-widget-wrap > .mk-in-step-txt { width: 100% !important; flex: 0 0 100% !important; }

.mk-in-cause-num { display: inline-block !important; width: auto !important; vertical-align: middle !important; }
.mk-in-cause-num .elementor-heading-title {
	font-size: 13px !important; font-weight: 800 !important; color: #fff !important;
	background: #69528E !important; width: 24px !important; height: 24px !important;
	line-height: 24px !important; text-align: center !important; border-radius: 50% !important;
	margin: 0 !important;
}
.mk-in-cause-tag { display: inline-block !important; width: auto !important; vertical-align: middle !important; margin-left: 10px !important; }
.mk-in-cause-tag .elementor-heading-title {
	font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .06em !important;
	text-transform: uppercase !important; color: #F37B1F !important; margin: 0 !important;
}
.mk-in-cause-name .elementor-heading-title {
	font-size: 17px !important; font-weight: 800 !important; color: #362A4B !important;
	line-height: 1.3 !important; margin: 10px 0 8px !important;
}
.mk-in-cause-txt p { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 0 12px !important; }
.mk-in-cause-txt strong { color: #362A4B !important; }

/* ── стъпките на лечението ────────────────────────────────────────────── */
.mk-in-step { background: #F8F5FB !important; margin: 0 0 10px !important; }
.mk-in-step > .elementor-container { max-width: none !important; }
.mk-in-step > .elementor-container > .elementor-column > .elementor-element-populated { padding: 14px 20px !important; }
.mk-in-step-num { display: inline-block !important; width: auto !important; vertical-align: middle !important; }
.mk-in-step-num .elementor-heading-title {
	font-size: 20px !important; font-weight: 800 !important; color: #C3B0DB !important; margin: 0 !important;
}
.mk-in-step-name { display: inline-block !important; width: auto !important; vertical-align: middle !important; margin-left: 12px !important; }
.mk-in-step-name .elementor-heading-title {
	font-size: 17px !important; font-weight: 700 !important; color: #362A4B !important; margin: 0 !important;
}
.mk-in-step-txt p { font-size: 16px !important; line-height: 26px !important; color: #6B5D82 !important; margin: 6px 0 0 !important; }

/* ── заключението ─────────────────────────────────────────────────────── */
.mk-in-close { background: #362A4B !important; margin: 34px 0 0 !important; }
.mk-in-close > .elementor-container { max-width: none !important; }
.mk-in-close > .elementor-container > .elementor-column > .elementor-element-populated { padding: 22px 26px !important; }
.mk-in-close-txt p { font-size: 16px !important; line-height: 26px !important; color: #E6DCF0 !important; margin: 0 !important; }
.mk-in-close-txt strong { color: #fff !important; }

/* ── страничната колона ───────────────────────────────────────────────── */
.mk-in-when { background: #fff !important; border: 1px solid #EEE6F5 !important; margin: 0 0 18px !important; }
.mk-in-when > .elementor-container { max-width: none !important; }
.mk-in-when > .elementor-container > .elementor-column > .elementor-element-populated { padding: 16px 18px !important; }
.mk-in-when .mk-side-title .elementor-heading-title { margin: 0 0 12px !important; }
.mk-in-when-txt table { width: 100% !important; border-collapse: collapse !important; margin: 0 0 12px !important; }
.mk-in-when-txt td { border: 0 !important; border-bottom: 1px solid #F2ECF8 !important; padding: 7px 0 !important; font-size: 14px !important; color: #4A4458 !important; }
.mk-in-when-txt td:last-child { text-align: right !important; font-weight: 700 !important; color: #69528E !important; }
.mk-in-when-txt tr:last-child td { border-bottom: 0 !important; }
.mk-in-when-txt p { font-size: 13px !important; line-height: 1.55 !important; color: #6B5D82 !important; margin: 0 !important; }

.mk-in-sideshot { margin: 0 0 18px !important; }
.mk-pg-sec .mk-in-side .mk-in-sideshot img { width: 100% !important; height: 170px !important; object-fit: cover !important; display: block !important; }
.mk-in-sideshot figcaption {
	font-size: 12.5px !important; font-style: italic !important; color: #8C7CA6 !important;
	text-align: left !important; padding: 7px 0 0 !important; background: none !important;
}

.mk-in-links ul { margin: 0 0 18px !important; padding: 0 !important; list-style: none !important; }
.mk-in-links li { border-bottom: 1px solid #F2ECF8 !important; margin: 0 !important; padding: 0 !important; font-size: 14px !important; }
.mk-in-links li:last-child { border-bottom: 0 !important; }
.mk-in-links a {
	display: block !important; padding: 10px 0 !important;
	font-size: 14px !important; line-height: 1.5 !important; color: #4A4458 !important;
	text-decoration: none !important; transition: color .16s ease, padding-left .16s ease !important;
}
.mk-in-links a:hover { color: #69528E !important; padding-left: 5px !important; }

/* ── телефон и таблет ─────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.mk-in-sec > .elementor-container > .mk-in-main,
	.mk-in-sec > .elementor-container > .mk-in-side { width: 100% !important; }
	.mk-in-side > .elementor-element-populated { position: static !important; }
	.mk-in-side { margin-top: 34px !important; }
}

/* На телефон ритъмът е 40 — същият, по който стоят архивите и дяловете
   на началната. 70-те са мярка за широк екран. */
@media (max-width: 900px) {
	.mk-pg-sec.mk-in-sec > .elementor-container > .elementor-column > .elementor-element-populated {
		padding: 40px 0 !important;
	}
}

@media (max-width: 767px) {
	.mk-in-stats > .elementor-container { flex-wrap: wrap !important; }
	.mk-in-stats > .elementor-container > .mk-in-stat { width: 50% !important; }
	.mk-in-stats > .elementor-container > .mk-in-stat + .mk-in-stat { border-left: 0 !important; }
	.mk-in-shot img { height: 200px !important; }
	.mk-in-main .elementor-widget-heading h2.elementor-heading-title { font-size: 22px !important; }
}

/* Заглавието на формата е лилаво като във всички единични страници. Общото
   правило за заглавие в тялото на тази страница е тъмно и се зарежда след
   `singles.css`, затова цветът се връща тук. */
.mk-in-main .mk-sp-form .mk-sp-form-h .elementor-heading-title {
	color: #69528E !important;
}

/* ══ Карта Lifeguard ══════════════════════════════════════════════════
   Формата стои вляво, обстановката вдясно: работно време и единайсетте
   офиса. Списъкът се чете от попъпа „Нашите офиси“ (#31740) — един
   източник за двете места. */

/* Заглавният блок държи ритъма от 70px, както единичните страници —
   тук правилото от `singles.css` не важи, защото това е обикновена
   страница, не запис. */
.mk-lg-head > .elementor-container > .elementor-column > .elementor-element-populated {
	padding-top: 70px !important;
	padding-bottom: 34px !important;
	text-align: center !important;
}

.mk-lg-head .mk-lead p { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; }

.mk-lg-body > .elementor-container {
	max-width: 1300px !important;
	align-items: flex-start !important;
}

.mk-lg-body > .elementor-container > .mk-lg-form > .elementor-element-populated {
	padding: 0 40px 70px 0 !important;
}

/* ── страничната колона ─────────────────────────────────────────────
   Кутия в езика на картите: бял фон, кант 1px, без радиус. Селекторът
   минава през контейнера, защото правилото за дъното на дяла е с четири
   класа и иначе отнема полето — съдържанието опираше в самия кант. */
.mk-lg-body > .elementor-container > .mk-lg-side > .elementor-element-populated {
	background: #fff !important;
	border: 1px solid #EEE6F5 !important;
	padding: 0 !important;
	margin-bottom: 70px !important;
}

/* ── работното време ────────────────────────────────────────────────
   Стои на светла шапка, за да се отдели от списъка под него. Часът е
   водещият ред; дните са дребно над него. */
.mk-lg-side .elementor-widget-text-editor:first-child,
.mk-lg-side .elementor-widget:first-child { margin-bottom: 0 !important; }

.mk-lg-hours {
	display: block;
	padding: 28px 26px;
	background: #F8F5FB;
	border-bottom: 1px solid #EEE6F5;
}

.mk-lg-hours-t {
	display: block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #F37B1F;
	margin-bottom: 10px;
}

.mk-lg-hours-d { display: block; font-size: 14px; color: #6B5D82; }

.mk-lg-hours-h {
	display: block;
	font-size: 22px;
	font-weight: 800;
	color: #362A4B;
	line-height: 1.2;
	margin-top: 3px;
}

/* ── офисите ────────────────────────────────────────────────────────
   Единайсет са — затова всеки заема два-три къси реда, не абзац.
   Разделителите не стигат до кантовете: вървят вътре в полето, иначе
   кутията заприличва на таблица. */
.mk-lg-off-title { margin: 0 !important; }

.mk-lg-off-title .elementor-heading-title {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	color: #8C7CA6 !important;
	margin: 0 !important;
	padding: 20px 26px 4px !important;
}

.mk-lg-offices { display: block; padding: 0 26px 22px; }

.mk-lg-office { display: block; padding: 14px 0; border-bottom: 1px solid #F4F0F8; }

.mk-lg-office:last-child { border-bottom: 0; padding-bottom: 0; }

.mk-lg-city {
	font-size: 15px;
	font-weight: 700;
	color: #362A4B;
	margin-right: 8px;
}

/* „Офис“ и „Представител“ се различават по тежест — етикетът го казва,
   без да отнема внимание от града. */
.mk-lg-role {
	display: inline-block;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #8C7CA6;
	background: #F4F0F8;
	padding: 2px 7px;
	border-radius: 3px;
	vertical-align: 2px;
}

.mk-lg-addr {
	display: block;
	font-size: 13px;
	line-height: 1.45;
	color: #8C7CA6;
	margin-top: 4px;
}

/* Телефонът е единственото, което се натиска — затова той носи цвета. */
.mk-lg-tel {
	display: inline-block;
	font-size: 14.5px;
	font-weight: 600;
	color: #69528E !important;
	text-decoration: none !important;
	margin: 5px 16px 0 0;
}

.mk-lg-tel:hover { color: #F37B1F !important; }

/* ── дългият избор на направления ───────────────────────────────────
   Шейсет отметки в две колони правят стена; на широк екран стават три
   и дялът се свива с една трета. */
@media (min-width: 1025px) {
	.mk-lg-form .gform_wrapper.gform-theme .gfield_checkbox,
	.mk-lg-form .gform_wrapper.gform-theme .ginput_container_checkbox {
		grid-template-columns: 1fr 1fr !important;
	}
}

@media (max-width: 1024px) {
	.mk-lg-form > .elementor-element-populated { padding-right: 0 !important; }

	.mk-lg-form .gform_wrapper.gform-theme .gfield_checkbox,
	.mk-lg-form .gform_wrapper.gform-theme .ginput_container_checkbox {
		grid-template-columns: 1fr !important;
	}
}

/* ── предстоящите събития в страничната колона ──────────────────────
   Само на „Предварително записване“. Заявката е готовата
   `mk_upcoming_events` (`mu-plugins/mk-side-queries.php`), картата —
   „MK Архив — странична карта“. */
.mk-lg-evt-title .elementor-heading-title {
	border-top: 1px solid #EEE6F5 !important;
	padding-top: 22px !important;
	margin-top: 4px !important;
}

.mk-lg-events { padding: 0 26px 24px !important; }

.mk-lg-events .elementor-loop-container,
.mk-lg-events .elementor-grid {
	display: block !important;
	grid-template-columns: none !important;
}

.mk-lg-events .e-loop-item {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	border-bottom: 1px solid #F4F0F8 !important;
}

.mk-lg-events .e-loop-item:last-child { border-bottom: 0 !important; }

/* Картата носи свой кант от архивите — тук той прави втора рамка около
   реда и го откъсва от списъка. Остава само чертата отдолу. */
.mk-lg-events .e-loop-item > .elementor-section,
.mk-lg-events .e-loop-item .mk-arch-card {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	transform: none !important;
}

/* Секцията на картата носи минимална височина от архива — там редът е
   висок, тук е на две-три думи. Нулира се, иначе 52px снимка стои в
   ред от 138. */
.mk-lg-events .e-loop-item > .elementor-section,
.mk-lg-events .e-loop-item > .elementor-section > .elementor-container {
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
}

.mk-lg-events .e-loop-item > .elementor-section > .elementor-container {
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: nowrap !important;
}

.mk-lg-events .e-loop-item .elementor-element-populated {
	padding: 11px 0 !important;
	min-height: 0 !important;
}

.mk-lg-events .e-loop-item .elementor-column { min-height: 0 !important; }

/* Снимката е дребна и стои вляво от името — както в архивите.
   Селекторът носи и `.mk-sec`, защото `landing.css` държи
   `height: auto !important` за всяка снимка в такъв дял и се зарежда
   след този файл: банерът тръгваше в естествен ръст и редът ставаше
   три пъти по-висок от текста до него. */
.mk-lg-events .mk-side-img {
	width: 76px !important;
	max-width: 76px !important;
	flex: 0 0 76px !important;
}

/* Кадърът остава цял. Кутията 84x60 с изрязване режеше банерите на
   събитията отстрани — телефонът и датата в тях падаха извън рамката.
   Ширината е твърда, височината следва снимката.
   Селекторът носи и `.mk-sec`, защото `landing.css` държи
   `height: auto !important` за всяка снимка в такъв дял и се зарежда
   след този файл. */
.mk-sec .mk-lg-events .mk-side-img img,
.mk-lg-events .mk-side-img img {
	width: 76px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	object-fit: contain !important;
	display: block !important;
}

.mk-lg-events .mk-side-name .elementor-heading-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #4A4458 !important;
	margin: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.mk-lg-events .mk-side-name a { color: inherit !important; text-decoration: none !important; }
.mk-lg-events .e-loop-item:hover .mk-side-name .elementor-heading-title { color: #69528E !important; }

/* ── „Предварително записване“: формата сама в средата ──────────────
   Подредбата е друга от тази при Lifeguard: формата държи цялата
   ширина, а под нея — разделена с разделителя на сайта — върви ред от
   две колони. Нов фон не се въвежда; разделението идва от въздуха и
   от тънките черти. */
.mk-bn-form > .elementor-container { max-width: 880px !important; }

.mk-bn-form > .elementor-container > .elementor-column > .elementor-element-populated {
	padding: 0 !important;
}

.mk-bn-div > .elementor-container > .elementor-column > .elementor-element-populated {
	padding: 52px 0 !important;
}

/* Последният дял опираше футера: колоните носят 70px отдолу, но между
   самия дял и тъмната ивица нямаше нищо. Още един ритъм ги разделя. */
.mk-bn-foot {
	padding-bottom: 70px !important;
}

.mk-bn-foot > .elementor-container {
	max-width: 1100px !important;
	align-items: flex-start !important;
}

.mk-bn-foot > .elementor-container > .elementor-column > .elementor-element-populated {
	padding: 0 0 70px !important;
}

.mk-bn-foot > .elementor-container > .mk-bn-left > .elementor-element-populated {
	padding-right: 40px !important;
}

/* Без кутия и без фон: работното време стои на открито, отделено само
   от оранжевия си надпис. */
.mk-bn-hours {
	display: block;
	padding: 0 0 22px;
	margin: 0 0 22px;
	background: none;
	border-bottom: 1px solid #EEE6F5;
}

/* Офисите вървят в две колони — редът е широк, а всеки запис е къс. */
.mk-bn-offices {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 28px;
	padding: 0;
}

.mk-bn-foot .mk-lg-off-title .elementor-heading-title { padding: 0 0 12px !important; }

/* Събитията отдясно нямат своя кутия — чертите ги делят. */
.mk-bn-foot .mk-lg-events { padding: 0 !important; }

@media (max-width: 1024px) {
	.mk-bn-foot > .elementor-container > .mk-bn-left > .elementor-element-populated {
		padding-right: 0 !important;
		padding-bottom: 34px !important;
	}

	.mk-bn-offices { grid-template-columns: 1fr; }
}

/* Новините идват след събитията — заглавието им носи черта отгоре, за
   да личи, че започва друг списък. */
.mk-bn-news-title .elementor-heading-title {
	border-top: 1px solid #EEE6F5 !important;
	margin-top: 24px !important;
	padding-top: 24px !important;
}

/* ── Правните страници ────────────────────────────────────────────────────
   Поверителност, бисквитки, условия за ползване. Трите са сглобени по
   конвенцията на сайта: заглавен блок `mk-pg-head` с надпис, заглавие и
   въвеждащо изречение, после `mk-pg-body`.

   Затова тук няма ширина и няма цвят на текста — `.mk-pg-body` дава полето
   от 820px, а типографията идва от стойностите на `.mk-pg-txt` и `.mk-pg-h2`.
   Разликата е само в степента на заглавията: обикновената страница има два-три
   раздела и носи 30px, а правният документ има от десет до шестнайсет — на
   30px страницата се превръща в стълба от заглавия. */
.mk-legal {
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: #4A4458 !important;
}
.mk-legal h2 {
	font-size: 26px !important; font-weight: 800 !important; color: #362A4B !important;
	line-height: 1.3 !important; margin: 36px 0 14px !important;
}
.mk-legal h3 {
	font-size: 18px !important; font-weight: 700 !important; color: #69528E !important;
	line-height: 1.35 !important; margin: 26px 0 10px !important;
}
.mk-legal p { margin: 0 0 18px !important; }

/* Изброяванията вземат ромба на `.mk-pg-list` — знакът на страниците. */
.mk-legal ul { margin: 0 0 18px !important; padding: 0 !important; list-style: none !important; }
.mk-legal ul > li {
	position: relative !important; padding: 0 0 0 26px !important;
	margin: 0 0 10px !important; line-height: 26px !important;
}
.mk-legal ul > li::before {
	content: "" !important; position: absolute !important; left: 4px !important; top: 11px !important;
	width: 7px !important; height: 7px !important; background: #69528E !important;
	transform: rotate(45deg) !important;
}

/* Връзките нарочно нямат правило тук. Текстът живее в `text-editor`, тоест
   `links.css` вече го покрива: линия от фон и движението при посочване.
   Правило за `color` и `text-decoration` на това място биеше и двете. */

.mk-legal table {
	width: 100% !important; border-collapse: collapse !important;
	margin: 0 0 22px !important; font-size: 14.5px !important; line-height: 22px !important;
}
.mk-legal thead th {
	background: #F3EEF8 !important; color: #362A4B !important;
	font-weight: 700 !important; text-align: left !important;
	padding: 9px 12px !important; border: 1px solid #E2D7EE !important;
}
.mk-legal tbody td {
	padding: 9px 12px !important; border: 1px solid #E2D7EE !important;
	vertical-align: top !important;
}
.mk-legal tbody tr:nth-child(even) td { background: #FBF9FD !important; }
/* Първата колона е име на бисквитка — машинен низ. Моноширинен шрифт, своя
   ширина и пренос само когато името наистина не се побира: `break-all`
   режеше по сричка насред думата („CookieLawInfoConse|nt"). */
.mk-legal tbody td:first-child {
	font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
	font-size: 13px !important;
	width: 25% !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
}

/* На телефон четирите колони не се побират — таблицата скролва сама,
   вместо да изтласка страницата настрани. */
@media (max-width: 767px) {
	.mk-legal { font-size: 15.5px !important; }
	.mk-legal h2 { font-size: 20px !important; }
	.mk-legal table { display: block !important; overflow-x: auto !important; }
}

/* На телефон 70px над заглавния блок са двойно повече от въздуха между
   самите секции (40px). Списъкът е същият като горе. */
@media (max-width: 900px) {
	.page-id-10 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
	.page-id-31566 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
	.page-id-31567 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
	.page-id-31568 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
	.page-id-31569 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
	.page-id-3024 [data-elementor-type="wp-page"] > .elementor-section:first-of-type,
	[data-elementor-type="wp-page"] > .mk-pg-sec:first-of-type {
		padding-top: 40px !important;
	}
}

/* Долният дял на „Контакт“: 70px преди тъмната ивица са за широк екран. */
@media (max-width: 900px) {
	.mk-bn-foot {
		padding-bottom: 40px !important;
	}
}