/* landing.css — Version: 1.73.0
   Входните страници на разделите — „Важна информация“ в падащото меню.
   Първата е „Важно за изследванията“ (лаборатории и изследвания).

   Банерът умишлено носи класа `hero` от началната страница: фонът,
   градиентът и бутоните идват оттам наготово. Тук е само разликата —
   там съдържанието е събитие със списък отстрани, тук е едно изследване
   с изрязана снимка вдясно. */

/* ── банерът ─────────────────────────────────────────────────────────
   Свой фон вместо този на началната страница: разделът е за лаборатории и
   изследвания, а не за събития. Снимката е 2400×890 — същият кадър като
   оригинала, затова и подредбата на градиента отгоре остава вярна.
   Фокусът е вдясно (пипетата), затова кадърът се закача там, а текстът
   отляво стои върху тъмната част на градиента. */
.mk-ib-hero {
	background-image: url('img/lab_bg.jpg') !important;
	background-position: 75% center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

/* `.hero` слага min-height 530px през `> .elementor-container`. Тук
   съдържанието е по-малко, затова и полето е по-ниско. */
.mk-ib-hero > .elementor-container { min-height: 538px !important; }

.mk-ib-hero .mk-ib-col > .elementor-widget-wrap { padding: 0 !important; }

/* Решетката е с един ред и един запис — нулира се разстоянието, което
   Elementor пази за следващите. */
.mk-ib-grid .elementor-grid { grid-gap: 0 !important; }

.mk-ib-row > .elementor-container {
	max-width: 1300px !important;
	min-height: 538px !important;
	align-items: center !important;
}

/* Двете половини се събират в средата: текстът е подравнен надясно, а
   изображението — наляво, и между тях остават по 15px. Така банерът има
   една вертикална ос, вместо съдържание, разпиляно към двата си ръба. */
/* Една колона, всичко в средата. Префиксът `.e-loop-item` е задължителен:
   правилото, което нулира отстоянията на вложените обвивки, е по-специфично
   и без него отстоянието изчезва. */
.mk-ib-hero .e-loop-item .mk-ib-text > .elementor-widget-wrap {
	padding: 60px 40px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}

/* Същото нулиране като в hero.css: вложените Elementor отстояния раздуват
   банера, а бадж и заглавие после си връщат своите. */
.mk-ib-hero .e-loop-item .elementor-widget-wrap { padding: 0 !important; }
.mk-ib-hero .e-loop-item .elementor-widget { margin-bottom: 0 !important; }
.mk-ib-hero .elementor-heading-title { margin: 0 !important; }

/* Всички редове са центрирани спрямо една ос — средата на банера. */
.mk-ib-hero .e-loop-item .elementor-widget-container,
.mk-ib-hero .e-loop-item .elementor-heading-title { text-align: center !important; }

/* Префиксът `.e-loop-item` е нужен: без него правилото за нулиране по-горе
   е по-специфично и отстоянието под баджа се губи — заглавието залепва. */
/* Баджът е с естествена ширина, затова `text-align` не го мести — трябва
   собствен отстъп, за да застане до същата дясна линия като останалите. */
.mk-ib-hero .e-loop-item .hero-eyebrow-badge {
	margin: 0 auto 26px !important;
	align-self: center !important;
	width: fit-content !important;
}
.mk-ib-hero .hero-eyebrow-badge .elementor-heading-title { line-height: normal !important; }

.mk-ib-hero h2.elementor-heading-title {
	color: #fff !important;
	font-size: 38px !important;
	line-height: 1.18 !important;
	font-weight: 800 !important;
	/* Заглавието стоеше залепено за баджа отгоре — въздухът е и от двете страни. */
	margin: 0 0 18px !important;
}

/* Бележката е кратка по правило (полето спира на 180 знака) — тук се чете
   като подзаглавие, не като абзац. */
/* Отместването беше 77px — точно половината от разликата между колоната и
   `max-width: 62ch`, който `.lead` носи от hero.css: блокът се центрираше.
   Затова ограничението и подравняването се задават тук, на трите нива, на
   които Elementor увива заглавието. */
.mk-ib-hero .mk-ib-note,
.mk-ib-hero .mk-ib-note .elementor-widget-container {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mk-ib-hero .mk-ib-note .elementor-heading-title {
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	max-width: 52ch !important;
	/* Блокът е ограничен по ширина и стои в средата заедно с останалите. */
	margin: 0 auto 30px !important;
}

/* Колоната с изображението отпадна на 12 октомври 2026. Минахме през
   правоъгълник, кръг и квадрат; при всяка форма резултатът зависеше от
   това каква е снимката и какво има зад нея във фона. Банерът остана само
   с текст, центриран. */

/* ── кампанийният текст ──────────────────────────────────────────────
   Заглавният блок е центриран както навсякъде (`mk-sec-head`), но самият
   текст е четиво от няколко абзаца: центриран би се чел зле. Затова блокът
   стои в средата, а редовете вътре са подравнени отляво. Ширината е 62ch —
   същата, с която работи `mk-lead` на началната страница. */
.mk-ib-intro > .elementor-container { max-width: 1300px !important; }

.mk-ib-intro .mk-ib-copy {
	max-width: 62ch !important;
	margin: 22px auto 0 !important;
	text-align: left !important;
}

.mk-ib-intro .mk-ib-copy p {
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: #6B5D82 !important;
	margin: 0 0 16px !important;
}

.mk-ib-intro .mk-ib-copy p:last-child { margin-bottom: 0 !important; }

/* Страницата има едно H1 и това е то; размерът следва H2 на останалите
   дялове, за да не изпъква спрямо тях. */
.mk-ib-intro h1.elementor-heading-title {
	font-size: 30px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 12px !important;
}

/* ── дяловете с решетки ──────────────────────────────────────────────
   Класът `mk-sec` носи заглавния блок и отстоянията от началната страница;
   тук е само решетката и връзката „Вижте всички“. */
.mk-ib-labs .elementor-grid,
.mk-ib-tests .elementor-grid { grid-gap: 24px !important; }

.mk-ib-labs .mk-more,
.mk-ib-tests .mk-more { margin-top: 28px !important; }

/* Тониран фон на всеки втори дял — същото редуване, с което началната
   страница отделя „Как работим“ и „Истории“ от съседите им. */
.mk-ib-labs { background: #F7F4FA !important; }

/* Решетката започва след заглавния блок, не залепена за него. */
.mk-ib-labs .mk-arch-grid,
.mk-ib-tests .mk-arch-grid { margin-top: 34px !important; }

/* ── разделителят вътре в дял ────────────────────────────────────────
   Чертата вече не стои между две секции, а под заглавие. Затова е близо
   до него — чете се като подчертаване, а не като нова граница. */
.mk-div-inline {
	margin: 14px 0 18px !important;
}

.mk-div-inline .elementor-divider { padding-block: 0 !important; }

/* Последната черта затваря страницата; дялът ѝ носи отстоянието до футера. */
.mk-ib-end .mk-div-inline { margin: 0 !important; }

@media (max-width: 1024px) {
	.mk-ib-hero > .elementor-container,
	.mk-ib-row > .elementor-container { min-height: 0 !important; }
	.mk-ib-hero .e-loop-item .mk-ib-text > .elementor-widget-wrap { padding: 44px 24px !important; }
	.mk-ib-hero h2.elementor-heading-title { font-size: 30px !important; }
}

@media (max-width: 767px) {
	.mk-ib-hero .e-loop-item .mk-ib-text > .elementor-widget-wrap { padding: 36px 20px !important; }
	.mk-ib-hero h2.elementor-heading-title { font-size: 26px !important; }
	.mk-ib-intro .mk-ib-copy p { font-size: 16px !important; }
}

/* Свой фон за банера на историите — този на началната е направен за
   събития и не казва нищо за пациентските разкази. */
.mk-pt-hero {
	background-image: url('img/pat_bg.jpg') !important;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

/* ── „Важно за пациента" ─────────────────────────────────────────────
   Банерът ползва механизма на началната страница: три решетки, които
   `hero-toggle.js` върти заедно. Тук стоят само разликите. */

/* Историята няма дата, затова редът в списъка е само заглавие — без
   горния ред, който при събитията носи деня и града. */
.mk-pt-list-item .t { display: block !important; }

/* Текстовият блок държи вертикален център спрямо банера, а не спрямо
   собствената си височина. hero.css занулява височините в `hero-left`
   (заради бяла кутия, която се появявала в списъка), затова тук ръстът се
   връща изрично — иначе блокът подскача нагоре-надолу според това колко
   дълго е заглавието на историята. */
.mk-pt-hero .hero-left > .elementor-widget-wrap {
	padding: 56px 40px 56px 0 !important;
	min-height: 696px !important;
	justify-content: center !important;
}

/* Снимката на историята е вертикална (1080×1350) и носи собствен надпис —
   в дребен размер не се чете. Затова заема почти целия ръст на банера;
   правилото на началната страница я свива до 500px, защото там е изрязан
   доктор, не кадър с текст. */
/* Кадърът е долепен за дъното — оттам продължава надолу и се подпъхва
   под следващия дял. Центриран, той свършваше преди ръба и нищо не влизаше
   никъде. */
.mk-pt-hero .hero-photo {
	align-items: flex-end !important;
}

.mk-pt-hero .hero-photo img {
	/* Точно половината от естествените 1080×1350. При цяло число два
	   пиксела дават един без интерполация — най-чистото намаляване.
	   Височината е **фиксирана**, не „до": с `max-height` всеки слайд се
	   получаваше с различен ръст и едни снимки влизаха под следващия дял,
	   а други свършваха точно на ръба. */
	height: 675px !important;
	max-height: 675px !important;
	max-width: 540px !important;
	object-fit: contain !important;
	width: auto !important;
	margin-left: auto !important;
	/* `hero.css` дава кръг на всяка `.hero-photo img` — там кадърът е
	   квадратен. Тук е портрет 540×675 и кръгът става елипса, която
	   отрязва темето и брадичката. Снимката е карта на пациента, значи
	   остава правоъгълна. */
	border-radius: 0 !important;
	border: 0 !important;
}

/* ── решетки, центрирани според броя ─────────────────────────────────
   Решетката заема **цялата** ширина на лейаута: при пълен ред картите се
   разпъват както навсякъде другаде. Центрирането важи само когато редът е
   непълен — тогава една карта застава в средата, а не увисва вляво.
   Затова grid става flex: при grid непълният ред си остава подравнен по
   колоните и `justify-content` няма ефект. */
.mk-grid-center .elementor-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 24px !important;
	grid-template-columns: none !important;
}

/* Три в ред: ширината е една трета минус двете междини. */
.mk-grid-center .elementor-grid > * {
	flex: 0 1 calc((100% - 48px) / 3) !important;
	max-width: calc((100% - 48px) / 3) !important;
	min-width: 0 !important;
}

/* Две в ред — за дяловете, които са зададени на две колони. */
.mk-pt-faq .mk-grid-center .elementor-grid > * {
	flex: 0 1 calc((100% - 24px) / 2) !important;
	max-width: calc((100% - 24px) / 2) !important;
}

/* ── същите решетки на тесен екран ───────────────────────────────────
   Горните две правила нямаха медийна заявка, тоест трите колони важеха
   и на телефон. Измерено на /vazhno-za-invitro при 390px: контейнерът е
   350, `calc((100% - 48px) / 3)` прави картата 100,7px, а заглавието в нея
   22,7px — по една буква на ред. Страницата ставаше 22 167 пиксела висока
   срещу 9 157 при 1366.

   Насрещното правило в `archive.css:1358` съществуваше и описваше точно
   този дефект, но не действаше: `.mk-arch-grid .e-loop-item` и
   `.mk-grid-center .elementor-grid > *` са с еднаква специфичност (0,2,0),
   а `landing.css` се зарежда СЛЕД `archive.css` — при равенство решава редът.

   Числата тук не са избрани на око: джаджите вече носят
   `elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1`, тоест
   редакторът казва 3 / 2 / 1. Долните заявки просто спират нашия CSS да
   презаписва това, което настройката вече твърди.

   Вариантът с `.mk-pt-faq` е в същите списъци, защото е с три класа и иначе
   щеше да спечели срещу тях. */
@media (max-width: 1024px) {
	.mk-grid-center .elementor-grid > * ,
	.mk-pt-faq .mk-grid-center .elementor-grid > * {
		flex: 0 1 calc((100% - 24px) / 2) !important;
		max-width: calc((100% - 24px) / 2) !important;
	}
}

@media (max-width: 767px) {
	.mk-grid-center .elementor-grid > * ,
	.mk-pt-faq .mk-grid-center .elementor-grid > * {
		flex: 0 1 100% !important;
		max-width: 100% !important;
	}
}

/* ── картата на въпрос ───────────────────────────────────────────────
   Въпросите не се разгъват на място: всеки води към отговора си. */
/* Картите наследяват центрирането от заглавния блок на дяла. При въпрос
   на два реда това не личи — първият ред запълва ширината; при въпрос на
   един ред той увисва в средата. Затова подравняването е изрично. */
/* Картата е flex-колона. Без изричен `align-items` децата ѝ се подравняват
   по средата: многоредовият въпрос заема цялата ширина и не личи, а
   едноредовият увисва в центъра. Оттам идваше впечатлението, че само една
   карта е различна — различни бяха дължините, не правилата. */
.mk-faq-card,
.mk-faq-card .elementor-widget-container,
.mk-faq-card .elementor-heading-title { text-align: left !important; }

.mk-faq-card { align-items: stretch !important; }
/* Картата е flex, а между нея и джаджите стоят три нива: контейнер,
   колона и обвивка. Всяко от тях е flex item на предното и се свива до
   съдържанието си — измерено с рамки, свиваше се обвивката. Затова всички
   нива получават пълна ширина, не само джаджата. */
.mk-faq-card > .elementor-container,
.mk-faq-card .elementor-column,
.mk-faq-card .elementor-widget-wrap,
.mk-faq-card .elementor-widget {
	width: 100% !important;
	flex: 1 1 100% !important;
	align-self: stretch !important;
}

/* Обвивката на заглавието е flex с центриране — късият въпрос се свиваше
   до съдържанието си и заставаше в средата, докато дългият заемаше цялата
   ширина и се четеше отляво. Оттам идваше видът, че една карта е различна. */
.mk-faq-card .elementor-widget-container { display: block !important; }

/* И на самото заглавие: покрива и случая, в който не контейнерът, а h3 се
   свива до съдържанието си. */
.mk-faq-card .mk-faq-q .elementor-heading-title {
	display: block !important;
	width: 100% !important;
}


.mk-faq-card {
	background: #fff !important;
	border: 1px solid #EEE6F5 !important;
	padding: 26px 28px !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

.mk-faq-card .mk-faq-q .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.45 !important;
	font-weight: 600 !important;
	color: #362A4B !important;
	margin: 0 0 14px !important;
}

.mk-faq-card .mk-faq-q a { color: inherit !important; text-decoration: none !important; }
.mk-faq-card:hover .mk-faq-q .elementor-heading-title { color: #69528E !important; }

.mk-faq-card .mk-faq-more { margin-top: auto !important; }

.mk-faq-card .mk-faq-more .elementor-button {
	background: transparent !important;
	color: #69528E !important;
	padding: 0 !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	border: 0 !important;
	border-bottom: 1px solid transparent !important;
	border-radius: 0 !important;
}

.mk-faq-card .mk-faq-more .elementor-button:hover { border-bottom-color: #69528E !important; }

.mk-pt-events,
.mk-pt-faq { background: #F7F4FA !important; }

/* Разделителната секция между два дяла с еднакъв фон носи същия фон —
   иначе самата тя става бяла ивица и дели по-грубо от чертата в нея. */
.mk-pt-tint { background: #F7F4FA !important; }

/* ── снимката се подпъхва под тялото на страницата ───────────────────
   Банерът на началната страница реже всичко по ръба си (`overflow:
   hidden`), защото там снимката е изрязан доктор и завършва вътре. Тук
   кадърът продължава надолу и изчезва под следващия дял — оттам идва
   усещането, че страницата лежи върху него. */
.mk-pt-hero { overflow: visible !important; }

.mk-pt-hero .hero-photo {
	bottom: -30px !important;
}

/* Дялът непосредствено след банера минава отгоре и хвърля сянка върху
   подпъхнатата снимка. Той се смени, когато вмъкнах „Защо през нас“ —
   сянката остана на стария и спря да крие каквото и да е. */
.mk-pt-why {
	position: relative !important;
	z-index: 2 !important;
	/* Непрозрачният фон е същината: без него секцията пропуска и снимката
	   се вижда през нея, колкото и висок да е `z-index`. Сянката се
	   рисуваше, фонът — не, и оттам идваше видът, че снимката минава
	   отгоре. */
	background: #fff !important;
	/* Отрицателният spread свива сянката навътре: при размазване 34 и
	   отместване -18 тя излизаше и под долния ръб на дяла. Сега остава
	   само отгоре, върху подпъхнатата снимка. */
	box-shadow: 0 -26px 40px -16px rgba(54, 42, 75, .62) !important;
}

/* Лявата колона свършва преди снимката. Тя е абсолютна и заема дясната
   половина на банера, затова при 58% текстът влизаше под нея — дългите
   заглавия стигаха до самия ѝ ръб. */
.mk-pt-hero .hero-left {
	width: 50% !important;
	max-width: 50% !important;
	flex: 0 0 50% !important;
}

.mk-pt-hero .hero-left > .elementor-widget-wrap {
	padding-right: 56px !important;
}

/* ── „Защо през нас" ─────────────────────────────────────────────────
   Шест блока в три колони. Номерът отгоре подрежда четенето: текстовете
   са равностойни и без него окото не знае откъде да започне. */
.mk-why-grid { margin-top: 38px !important; }

.mk-why-grid > .elementor-container {
	max-width: 1300px !important;
	flex-wrap: wrap !important;
	row-gap: 36px !important;
}

.mk-why-grid > .elementor-container > .mk-why-card > .elementor-element-populated {
	padding: 0 18px !important;
	text-align: left !important;
}

.mk-pt-why .mk-why-card .elementor-widget-container,
.mk-pt-why .mk-why-card .elementor-heading-title { text-align: left !important; }

.mk-why-num .elementor-heading-title {
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: -.01em !important;
	color: #DCD0EA !important;
	margin: 0 0 14px !important;
}

.mk-why-h .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 12px !important;
}

.mk-why-t p {
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

@media (max-width: 1024px) {
	.mk-pt-why .mk-why-card { width: 50% !important; }
}

@media (max-width: 767px) {
	.mk-pt-why .mk-why-card { width: 100% !important; }
	.mk-why-grid > .elementor-container > .mk-why-card > .elementor-element-populated { padding: 0 !important; }
}

/* ══ след изпратена форма ════════════════════════════════════════════
   Страницата отговаря на въпросите, които човек си задава веднага след
   „изпрати": кога, какво, кой ще се обади. Затова е изградена на блокове
   с ясни заглавия, а не на един благодарствен абзац. */

.mk-ty-top { background: #F7F4FA !important; }

.mk-ty-top h1.elementor-heading-title {
	font-size: 36px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	color: #362A4B !important;
	margin: 0 0 12px !important;
}

/* ── трите стъпки ── */
.mk-ty-steps { background: #F7F4FA !important; }

.mk-ty-grid > .elementor-container {
	max-width: 1300px !important;
	flex-wrap: wrap !important;
	row-gap: 30px !important;
}

.mk-ty-step > .elementor-element-populated { padding: 0 18px !important; }

.mk-ty-num .elementor-heading-title {
	font-size: 40px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	color: #DCD0EA !important;
	margin: 0 0 12px !important;
}

.mk-ty-step-h .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 10px !important;
}

.mk-ty-step-t p {
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

/* ── номерът и Viber ──
   Двете карти са равни по тежест: и двете отговарят на „как ще стигне до
   мен отговорът". */
.mk-ty-contact > .elementor-container {
	max-width: 1300px !important;
	gap: 24px !important;
	align-items: stretch !important;
}

.mk-ty-contact > .elementor-container > .elementor-column > .elementor-element-populated {
	/* Текстът опираше ръбовете — вътрешното поле расте, а редът остава
	   широк колкото картата. */
	padding: 34px 36px 36px !important;
	border: 1px solid #EEE6F5 !important;
	height: 100% !important;
}

.mk-ty-phone > .elementor-element-populated { background: #FBF9FD !important; }
.mk-ty-viber > .elementor-element-populated { background: #F4F0F8 !important; }

.mk-ty-card-h .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 14px !important;
}

/* Номерът е най-едрото на страницата: той е това, което трябва да се
   запомни и запише. */
.mk-ty-number .elementor-heading-title,
.mk-ty-number .elementor-heading-title a {
	font-size: 34px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #69528E !important;
	text-decoration: none !important;
	margin: 0 0 14px !important;
	display: block !important;
}

.mk-ty-card-t p {
	max-width: 46ch !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

.mk-ty-btn { margin-top: 18px !important; }

.mk-ty-events .mk-arch-grid { margin-top: 32px !important; }
.mk-ty-events .mk-more { margin-top: 28px !important; }

@media (max-width: 1024px) {
	.mk-ty-step { width: 100% !important; }
	.mk-ty-step > .elementor-element-populated { padding: 0 !important; }
	.mk-ty-contact .elementor-column { width: 100% !important; }
	.mk-ty-top h1.elementor-heading-title { font-size: 28px !important; }
	.mk-ty-number .elementor-heading-title { font-size: 28px !important; }
}

/* ══ несъществуващ адрес ═════════════════════════════════════════════
   Човек стига дотук с конкретно намерение. Страницата му дава търсачка и
   четири посоки, вместо само бутон към началото. */

.mk-404-top { background: #F7F4FA !important; }

.mk-404-top h1.elementor-heading-title {
	font-size: 38px !important;
	line-height: 1.18 !important;
	font-weight: 800 !important;
	color: #362A4B !important;
	margin: 0 0 12px !important;
}

.mk-404-links { background: #F7F4FA !important; }

.mk-404-grid > .elementor-container {
	max-width: 1300px !important;
	flex-wrap: wrap !important;
	row-gap: 16px !important;
}

/* Четирите кутии се допираха и образуваха една лента — фонът и кантът
   им седят на вътрешния слой, затова полето на Elementor остава вътре в
   бялото. Разстоянието минава на самата колона: 8px от всяка страна
   дават 16 между съседните, колкото е решетката в архивите
   (`archive.css`). Отрицателното поле на реда пази ширината 1300. */
.mk-404-grid > .elementor-container > .mk-404-card {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.mk-404-grid > .elementor-container {
	margin-left: -8px !important;
	margin-right: -8px !important;
	width: calc( 100% + 16px ) !important;
}

.mk-404-grid > .elementor-container > .mk-404-card > .elementor-element-populated {
	/* Заглавието и описанието са двойка: по-плътно едно до друго и
	   по-далеч от ръбовете. */
	padding: 20px 22px !important;
	background: #fff !important;
	border: 1px solid #EEE6F5 !important;
	height: 100% !important;
}

.mk-404-card-h .elementor-heading-title,
.mk-404-card-h .elementor-heading-title a {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	text-decoration: none !important;
	margin: 0 0 4px !important;
	display: block !important;
}

.mk-404-card:hover .mk-404-card-h .elementor-heading-title a { color: #69528E !important; }

.mk-404-card { cursor: pointer !important; }
.mk-404-grid > .elementor-container > .mk-404-grid > .elementor-container > .mk-404-card > .elementor-element-populated { transition: border-color .18s ease, background .18s ease !important; }
.mk-404-grid > .elementor-container > .mk-404-card:hover > .elementor-element-populated { border-color: #DED0EA !important; background: #FBF9FD !important; }

.mk-404-card-t p {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

.mk-404-viber { background: #F4F0F8 !important; }
.mk-404-viber .mk-lead { max-width: none !important; }
.mk-404-viber .mk-lead p { max-width: none !important; }
.mk-404-btn { margin-top: 18px !important; }
.mk-404-events .mk-arch-grid { margin-top: 32px !important; }
.mk-404-events .mk-more { margin-top: 28px !important; }

/* ── 404 извън ритъма на единичните страници ────────────────────────
   Шаблонът се рендира в `.elementor-location-single` и попада под общото
   правило там (`singles.css`, ред 1136): всяка секция губи вертикалния си
   отстъп, а полето от 70px минава на колоната. За заглавния блок това е
   добре дошло, но на 404 чупи две неща.

   Картите го усещаха през правилото за първата вложена секция
   (`singles.css`, ред 1153): от „20px 22px“ оставаше само лявото и
   дясното. Поправено е там, с `:not( .mk-404-grid )` — не с още един
   слой тук, защото селекторът носи `:first-child` и печели.

   Остава дялът с Viber. Отгоре заглавието стои на 70px от ръба, а
   отдолу бутонът опира в самия край: общото правило дава
   `padding-bottom: 0`. Полето отдолу се връща, за да е симетрично. */
.elementor-location-single > .elementor-section.mk-404-viber > .elementor-container
	> .elementor-column > .elementor-element-populated {
	padding-bottom: 70px !important;
}

/* ── картата е кликаема цялата ──────────────────────────────────────
   Връзката стои само в заглавието (`<h3><a>`): Elementor не рендира
   адреса на колоната като `<a>`, затова настройката ѝ не върши работа и
   остатъкът от картата не реагира. Връзката се разтяга върху цялата
   кутия — същият похват като при архивните карти, без нов код. */
.mk-404-card > .elementor-element-populated { position: relative !important; }

/* Elementor дава `position: relative` на всяка джаджа. Без това полето
   отдолу се мери спрямо заглавието (623×22) вместо спрямо картата и
   покрива само реда с текста. */
.mk-404-card .elementor-widget { position: static !important; }

.mk-404-card-h .elementor-heading-title a::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
}

/* Картите се държат като останалите на сайта: при посочване се повдигат
   и хвърлят сянка (еталонът е `.mk-arch-card`, `archive.css` ред 28). */
.mk-404-card > .elementor-element-populated {
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.mk-404-card:hover > .elementor-element-populated {
	transform: translateY( -3px ) !important;
	box-shadow: 0 9px 20px rgba( 54, 42, 75, .14 ) !important;
	border-color: #DED0EA !important;
	background: #fff !important;
}

/* ── веждата ────────────────────────────────────────────────────────
   „Грешка 404“ е самото съобщение, не надпис над заглавие — затова тук
   е три пъти по-голяма от обичайните 15px. Втората вежда на страницата
   („Докато сте тук“) остава колкото навсякъде. */
.mk-404-top .eyebrow .elementor-heading-title {
	font-size: 45px !important;
	line-height: 1.05 !important;
}

@media (max-width: 1024px) {
	.mk-404-card { width: 50% !important; }
	.mk-404-top h1.elementor-heading-title { font-size: 28px !important; }

	/* Веждата слиза заедно със заглавието, в същото отношение: на широк
	   екран 45 към 38, тук 33 към 28. Оставена на 45 тя надминаваше
	   заглавието под себе си. */
	.mk-404-top .eyebrow .elementor-heading-title { font-size: 33px !important; }
}

@media (max-width: 767px) {
	.mk-404-card { width: 100% !important; }
}

/* ══ резултати от търсене ════════════════════════════════════════════
   Беше решетка от карти — на нея окото търси снимка, а търсещият чете
   заглавия. Тук всеки резултат е ред: малък кръгъл кадър отляво, име и
   кратко описание отдясно. Сканира се с едно движение надолу. */

.mk-sr-list .elementor-posts { display: block !important; }

/* Префиксът `.elementor-posts` е нужен — стилът на джаджата е
   по-специфичен от `.mk-sr-list .elementor-post` и връща блоковия вид. */
.mk-sr-list .elementor-posts .elementor-post {
	display: flex !important;
	align-items: flex-start !important;
	gap: 18px !important;
	padding: 18px 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #EEE6F5 !important;
}

.mk-sr-list .elementor-posts .elementor-post:first-child { padding-top: 0 !important; }
.mk-sr-list .elementor-posts .elementor-post:last-child { border-bottom: 0 !important; }

/* Кадърът е колкото да се разпознае — кръгъл, за да не спори с
   правоъгълните карти в архивите. */
.mk-sr-list .elementor-posts .elementor-post__thumbnail__link {
	flex: 0 0 76px !important;
	width: 76px !important;
	height: 76px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	background: #F4F0F8 !important;
}

.mk-sr-list .elementor-post__thumbnail {
	padding-bottom: 0 !important;
	height: 76px !important;
}

.mk-sr-list .elementor-post__thumbnail img {
	width: 76px !important;
	height: 76px !important;
	object-fit: cover !important;
	position: static !important;
	transform: none !important;
}

.mk-sr-list .elementor-posts .elementor-post__text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mk-sr-list .elementor-post__title {
	margin: 0 0 6px !important;
	font-size: 18px !important;
	line-height: 1.35 !important;
}

.mk-sr-list .elementor-post__title a {
	color: #362A4B !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.mk-sr-list .elementor-post:hover .elementor-post__title a { color: #69528E !important; }

.mk-sr-list .elementor-post__excerpt p {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

/* „Прочети повече" е излишен ред: целият резултат води на същото място. */
.mk-sr-list .elementor-post__read-more { display: none !important; }

@media (max-width: 600px) {
	.mk-sr-list .elementor-post { gap: 14px !important; }
	.mk-sr-list .elementor-post__thumbnail__link,
	.mk-sr-list .elementor-post__thumbnail,
	.mk-sr-list .elementor-post__thumbnail img { flex-basis: 56px !important; width: 56px !important; height: 56px !important; }
	.mk-sr-list .elementor-post__title { font-size: 16px !important; }
}

/* ══ вход, регистрация, парола, профил ═══════════════════════════════
   Формите идват от Profile Builder с неговия стандартен вид. Тук получават
   полетата на сайта: същата височина, същото закръгление от 2px, същият
   лилав фокус като в търсачките и филтрите. */

/* Формата заема ширината на колоната, която я носи. Първоначалното
   ограничение от 560px я центрираше и тя стоеше отместена спрямо
   заглавието над нея. */
.wppb-user-forms,
.wppb-user-forms form,
form.wppb-user-forms {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wppb-user-forms ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wppb-user-forms li,
.wppb-user-forms .wppb-form-field {
	margin: 0 0 18px !important;
	padding: 0 !important;
	display: block !important;
}

.wppb-user-forms label {
	display: block !important;
	margin: 0 0 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
	color: #4A4458 !important;
}

.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="tel"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="number"],
.wppb-user-forms textarea,
.wppb-user-forms select {
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 14px !important;
	font-size: 15px !important;
	font-family: inherit !important;
	color: #362A4B !important;
	background: #fff !important;
	border: 1px solid #DED0EA !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	transition: border-color .16s ease !important;
}

.wppb-user-forms input:focus,
.wppb-user-forms textarea:focus,
.wppb-user-forms select:focus {
	outline: none !important;
	border-color: #69528E !important;
}

.wppb-user-forms ::placeholder { color: #9C8DB0 !important; }

/* Описанието под полето е помощ, не равностоен текст. */
.wppb-user-forms .wppb-description-delimiter {
	display: block !important;
	margin-top: 5px !important;
	font-size: 12.5px !important;
	line-height: 1.5 !important;
	color: #8A7D9C !important;
}

.wppb-user-forms input[type="submit"],
.wppb-user-forms button[type="submit"] {
	min-height: 44px !important;
	padding: 0 26px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: #69528E !important;
	border: 1px solid #69528E !important;
	border-radius: 2px !important;
	cursor: pointer !important;
	transition: background .18s ease !important;
}

.wppb-user-forms input[type="submit"]:hover,
.wppb-user-forms button[type="submit"]:hover { background: #513E70 !important; }

/* Връзките под формата — „забравена парола", „регистрация" — вървят в ред
   и са по-тихи от бутона. */
.wppb-user-forms .wppb-form-field a,
.wppb-user-forms p a {
	color: #69528E !important;
	text-decoration: none !important;
	border-bottom: 1px solid transparent !important;
}

.wppb-user-forms a:hover { border-bottom-color: #69528E !important; }

/* Съобщенията: грешка, успех, подсказка. */
.wppb-error,
.wppb-success,
.wppb-warning-message,
.wppb-notice {
	padding: 14px 16px !important;
	margin: 0 0 18px !important;
	border-radius: 2px !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	border: 1px solid !important;
}

.wppb-error { background: #FDF2F4 !important; border-color: #F3C9D2 !important; color: #8E2C41 !important; }
.wppb-success { background: #F1F8F3 !important; border-color: #C6E3CE !important; color: #2C6B3F !important; }
.wppb-warning-message,
.wppb-notice { background: #F8F5FB !important; border-color: #EEE6F5 !important; color: #4A4458 !important; }

/* Профилът: менюто на разделите изглежда като раздели, не като списък. */
.wppb-edit-user .wppb-user-forms { max-width: 760px !important; }

@media (max-width: 600px) {
	.wppb-user-forms input[type="submit"] { width: 100% !important; }
}

/* ── заглавието и търсачката над двете колони ────────────────────────
   Досега стояха вътре в лявата колона: тесни, вляво, а кутията с
   формата се качваше до самото поле. Сега са в своя секция, центрирани
   по ширината на страницата, и колоните тръгват под тях. */
.mk-sr-head > .elementor-container {
	max-width: 1300px !important;
}

.mk-sr-head .mk-sr-title .elementor-heading-title {
	text-align: center !important;
}

.mk-sr-head .mk-arch-searchbox .elementor-shortcode {
	justify-content: center !important;
	max-width: 720px !important;
	margin: 0 auto !important;
}

.mk-sr-head .mk-arch-searchbox {
	margin-bottom: 0 !important;
}

/* Въздухът между търсачката и двете колони под нея. */
.mk-sr-sec {
	padding-top: 42px !important;
}

/* ── страницата с резултати: две равни колони ────────────────────────
   Наполовина: резултатите отляво, формата за запитване отдясно. Досега
   беше 72/28 и дясната кутия беше толкова тясна, че полетата „Име“ и
   „Фамилия“ се допираха. */
.mk-sr-sec > .elementor-container {
	max-width: 1300px !important;
	gap: 40px !important;
	align-items: flex-start !important;
}

.mk-sr-sec > .elementor-container > .mk-sr-main,
.mk-sr-sec > .elementor-container > .mk-sr-side {
	width: calc( 50% - 20px ) !important;
	flex: 0 0 calc( 50% - 20px ) !important;
	max-width: calc( 50% - 20px ) !important;
}

.mk-sr-title .elementor-heading-title {
	font-size: 30px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 20px !important;
}


/* Заглавието и търсачката вече са в своя секция отгоре, затова двете
   колони тръгват от едно ниво — отстъпът, който изравняваше дясната с
   полето, отпада. */
.mk-sr-sec > .elementor-container > .mk-sr-side { margin-top: 0 !important; }

.mk-sr-sec > .elementor-container > .mk-sr-side > .elementor-element-populated {
	padding: 26px 24px !important;
	background: #F8F5FB !important;
	border: 1px solid #EEE6F5 !important;
}

/* ── картата за Viber в дясната колона ───────────────────────────────
   Тук шаблонът е вмъкнат като джаджа, не като колона: правилата в
   `archive.css` търсят `.mk-side-cta > .elementor-element-populated`, а
   между тях стоят още четири обвивки. Затова видът се задава наново.

   Секцията вътре носи 70px отгоре от ритъма на архивите — нулират се. */
.mk-sr-viber .elementor-section {
	padding: 0 !important;
}

/* Класовете се повтарят нарочно. `archive.css` нулира полето на всяка
   вътрешна обвивка с тежест седем (`.mk-side-cta` ×2, `.elementor-section`
   ×3, `.elementor-element-populated` ×2) — тук са осем, за да върнат
   двайсет и двата пиксела на самата карта.

   `.elementor-element-populated` е същият възел като
   `.elementor-widget-wrap`: нулиране по втория клас изяжда полето и
   текстът опира до ръба. */
.mk-sr-viber.mk-sr-viber.mk-sr-viber .elementor-section.elementor-section.elementor-section
	.elementor-element-populated.elementor-element-populated {
	background: #7D5FA8 !important;
	border-radius: 4px !important;
	padding: 22px !important;
	position: relative !important;
	overflow: hidden !important;
}

.mk-sr-viber .elementor-element-populated::before {
	content: "" !important;
	position: absolute !important;
	width: 200px !important;
	height: 200px !important;
	right: -42px !important;
	bottom: -56px !important;
	background: url( "img/viber-mark.svg" ) no-repeat center / contain !important;
	opacity: .16 !important;
	transform: rotate(35deg) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.mk-sr-viber .elementor-element-populated > .elementor-element {
	position: relative !important;
	z-index: 1 !important;
}

.mk-sr-viber .elementor-heading-title {
	color: #fff !important;
	font-size: 16px !important;
}

.mk-sr-viber .mk-side-cta-txt,
.mk-sr-viber .mk-side-cta-txt p {
	color: #E6E1FD !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

.mk-sr-viber .elementor-button {
	background: #FF1A4B !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 3px !important;
	padding: 11px 18px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	transition: background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.mk-sr-viber .elementor-button:hover ,
.mk-sr-viber .elementor-button:focus-visible {
	background: #E5133F !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .22) !important;
}

.mk-sr-viber .elementor-button:active {
	transform: translateY(0) !important;
	box-shadow: none !important;
}

.mk-sr-ask-h .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 10px !important;
}

.mk-sr-ask-t p {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #6B5D82 !important;
	margin: 0 0 18px !important;
}

.mk-sr-ask-viber p {
	margin: 16px 0 0 !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	color: #6B5D82 !important;
}

.mk-sr-ask-viber a { color: #69528E !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; }
.mk-sr-ask-viber a:hover { border-bottom-color: #69528E !important; }

/* Формата в тясна колона: полетата едно под друго и без вътрешни отстъпи
   на Gravity Forms, които я разпъват. */
.mk-sr-form .gform_wrapper { margin: 0 !important; }
.mk-sr-form .gform_wrapper .gform_fields { grid-row-gap: 12px !important; }
.mk-sr-form .gform_wrapper .gfield { grid-column: 1 / -1 !important; }

.mk-sr-form .gform_wrapper input[type="text"],
.mk-sr-form .gform_wrapper input[type="email"],
.mk-sr-form .gform_wrapper input[type="tel"],
.mk-sr-form .gform_wrapper textarea,
.mk-sr-form .gform_wrapper select {
	width: 100% !important;
	padding: 10px 12px !important;
	font-size: 14.5px !important;
	border: 1px solid #DED0EA !important;
	border-radius: 2px !important;
	background: #fff !important;
}

.mk-sr-form .gform_wrapper textarea { min-height: 96px !important; }
.mk-sr-form .gform_wrapper .gfield_label { font-size: 13px !important; font-weight: 700 !important; color: #4A4458 !important; }

.mk-sr-form .gform_wrapper .gform_button {
	width: 100% !important;
	min-height: 42px !important;
	background: #69528E !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 2px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.mk-sr-form .gform_wrapper .gform_button:hover { background: #513E70 !important; }

/* ── страниране ──────────────────────────────────────────────────────
   Същият вид като в архивите: квадратни полета с рамка, текущото —
   плътно лилаво. */
.mk-sr-main .elementor-pagination,
.mk-sr-main .e-load-more-anchor + .elementor-pagination {
	margin-top: 32px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	justify-content: center !important;
}

.mk-sr-main .elementor-pagination .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 38px !important;
	height: 38px !important;
	padding: 0 10px !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #69528E !important;
	background: #fff !important;
	border: 1px solid #DED0EA !important;
	border-radius: 2px !important;
	text-decoration: none !important;
	transition: border-color .16s ease, background .16s ease !important;
}

.mk-sr-main .elementor-pagination .page-numbers:hover { border-color: #69528E !important; }

.mk-sr-main .elementor-pagination .page-numbers.current {
	background: #69528E !important;
	border-color: #69528E !important;
	color: #fff !important;
}

/* Под 1024px двете колони слизат една под друга. Специфичността е
   същата като на правилото за 50/50 по-горе, иначе то побеждава и на
   телефон остават две ленти от по 115px. */
@media (max-width: 1024px) {
	.mk-sr-sec > .elementor-container > .mk-sr-main,
	.mk-sr-sec > .elementor-container > .mk-sr-side {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.mk-sr-sec > .elementor-container > .mk-sr-side {
		margin-top: 32px !important;
	}
}

/* ── резултатите на телефон ──────────────────────────────────────────
   Мерките са за широк екран и на 390px се разпадат: секцията държи
   70px отгоре и 40 отстрани, заглавието е 30px и пада на два реда,
   а полето и бутонът се разделят на два етажа. */
@media (max-width: 767px) {
	/* Селекторът носи и `elementor-element`: Elementor изписва полето на
	   секцията с два класа и едноименното правило тук губеше. */
	.elementor-section.elementor-element.mk-sr-head {
		padding: 28px 20px 0 !important;
	}

	.elementor-section.elementor-element.mk-sr-sec {
		padding: 28px 20px 40px !important;
	}

	/* На тясно заглавието и полето стоят отляво: центрирано заглавие над
	   поле на цялата ширина изглежда като надпис, увиснал в празното. */
	.mk-sr-head .mk-sr-title .elementor-heading-title {
		text-align: left !important;
	}

	.mk-sr-head .mk-arch-searchbox .elementor-shortcode {
		justify-content: flex-start !important;
		max-width: none !important;
	}

	.mk-sr-title .elementor-heading-title {
		font-size: 24px !important;
		margin: 0 0 14px !important;
	}

	.mk-sr-head .mk-arch-searchbox {
		margin-top: 10px !important;
	}

	/* Полето и бутонът на един ред. `flex-direction` се задава изрично:
	   контейнерът е колона и двата елемента падаха един под друг, макар
	   `nowrap` да беше в сила. */
	.mk-sr-head .mk-arch-searchbox .elementor-shortcode {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 8px !important;
	}

	.mk-sr-head .mk-arch-searchbox .search-filter-field--type-search {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	/* И двете полета носят `search-filter-field--width-100`; бутонът се
	   свива до съдържанието си, за да застане до текста, не под него. */
	.mk-sr-head .mk-arch-searchbox .mk-sf-submit.search-filter-field--width-100 {
		flex: 0 0 auto !important;
		width: auto !important;
	}

	.mk-sr-head .mk-arch-searchbox .mk-sf-submit input[type="submit"],
	.mk-sr-head .mk-arch-searchbox .mk-sf-submit button {
		width: auto !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
		white-space: nowrap !important;
	}
}

/* ── регистрация и профил: две колони ────────────────────────────────
   Регистрацията е дълга — тринайсет полета едно под друго. Отдясно стои
   краткото запитване, за хората, които искат отговор, а не сметка.
   Между двете върви черта с „или" в кръг: пътищата са равностойни. */

.mk-acc-sec > .elementor-container {
	max-width: 1300px !important;
	gap: 56px !important;
	align-items: flex-start !important;
	position: relative !important;
}

.mk-acc-title .elementor-heading-title {
	font-size: 30px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 10px !important;
}

.mk-acc-lead p {
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #6B5D82 !important;
	margin: 0 0 26px !important;
	max-width: 54ch !important;
}

/* Разделителят между колоните: черта по цялата височина и „или" по средата. */
.mk-acc-register .mk-acc-side { position: relative !important; }

.mk-acc-register .mk-acc-side::before {
	content: "" !important;
	position: absolute !important;
	left: -28px !important;
	top: 8px !important;
	bottom: 8px !important;
	width: 1px !important;
	background: #E7DFF0 !important;
}

.mk-acc-register .mk-acc-side::after {
	content: "или" !important;
	position: absolute !important;
	left: -28px !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 44px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #fff !important;
	border: 1px solid #E7DFF0 !important;
	border-radius: 50% !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #8A7D9C !important;
}

.mk-acc-side-h .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 10px !important;
}

.mk-acc-side-h2 .elementor-heading-title { margin-top: 32px !important; }

.mk-acc-side-t p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #6B5D82 !important;
	margin: 0 0 16px !important;
}

/* Удебеленото в описанията на полетата е в лилавото на темата — иначе се
   чете като втори, по-черен шрифт. */
.mk-acc-form strong,
.mk-acc-form b,
.wppb-user-forms strong,
.wppb-user-forms b {
	color: #69528E !important;
	font-weight: 700 !important;
}

/* Формата вече не е центрирана сама по себе си — колоната я носи. */
.mk-acc-form .wppb-user-forms,
.mk-acc-form form { max-width: none !important; margin: 0 !important; }

.mk-acc-phone .elementor-heading-title,
.mk-acc-phone .elementor-heading-title a {
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #69528E !important;
	text-decoration: none !important;
	margin: 0 0 8px !important;
	display: block !important;
}

.mk-acc-viber { color: #69528E !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; }
.mk-acc-viber:hover { border-bottom-color: #69528E !important; }

.mk-acc-gform .gform_wrapper { margin: 0 !important; }
.mk-acc-gform .gform_wrapper input[type="text"],
.mk-acc-gform .gform_wrapper input[type="email"],
.mk-acc-gform .gform_wrapper input[type="tel"],
.mk-acc-gform .gform_wrapper textarea,
.mk-acc-gform .gform_wrapper select {
	width: 100% !important;
	padding: 10px 12px !important;
	font-size: 14.5px !important;
	border: 1px solid #DED0EA !important;
	border-radius: 2px !important;
	background: #fff !important;
}

.mk-acc-gform .gform_wrapper .gform_button {
	min-height: 44px !important;
	padding: 0 26px !important;
	background: #69528E !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 2px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.mk-acc-events { margin-top: 14px !important; }

/* Полето за епикриза идва с десетки редове по подразбиране и разтяга
   страницата; шест реда стигат, а полето расте при нужда. */
.wppb-user-forms textarea { min-height: 140px !important; max-height: 320px !important; }

@media (max-width: 1024px) {
	.mk-acc-main, .mk-acc-side { width: 100% !important; }
	.mk-acc-side { margin-top: 40px !important; }
	/* Отвесната черта няма смисъл, когато колоните са една под друга. */
	.mk-acc-register .mk-acc-side::before,
	.mk-acc-register .mk-acc-side::after { display: none !important; }
}

/* ── Profile Builder: поправки по оформлението ───────────────────────
   Полетата влизаха навътре спрямо заглавието: списъкът носи собствен
   отстъп отляво, а темата го подсилва. Нулира се на трите нива, на които
   се появява. */
form.wppb-user-forms,
form.wppb-user-forms ul,
form.wppb-user-forms ul li {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-indent: 0 !important;
}

form.wppb-user-forms ul { margin: 0 !important; padding: 0 !important; }

/* Етикетът и полето са двойка: по-близо едно до друго, по-далеч от
   съседната двойка. Преди това разстоянията бяха еднакви и редовете се
   четяха слепени. */
form.wppb-user-forms ul li.wppb-form-field {
	margin: 0 0 22px !important;
	padding: 0 !important;
}

form.wppb-user-forms label {
	display: block !important;
	margin: 0 0 7px !important;
	line-height: 1.4 !important;
}

/* Описанието под полето стои плътно до него, не насред празно поле. */
form.wppb-user-forms .wppb-description-delimiter {
	display: block !important;
	margin: 6px 0 0 !important;
	font-style: normal !important;
}

/* „Запомни ме" стои до отметката, не под нея. */
form.wppb-user-forms .wppb-form-field.login-remember,
form.wppb-user-forms p.login-remember,
.wppb-user-forms .login-remember {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.wppb-user-forms .login-remember label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	font-weight: 500 !important;
	cursor: pointer !important;
}

.wppb-user-forms .login-remember input[type="checkbox"] {
	width: 17px !important;
	min-height: 0 !important;
	height: 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 17px !important;
	accent-color: #69528E !important;
}

/* Същото за всяка отметка във формите — съгласие, условия. */
.wppb-user-forms .wppb-checkbox label,
.wppb-user-forms .wppb-gdpr-checkbox label,
.wppb-user-forms .wppb-checkbox-terms-and-conditions label {
	display: inline-flex !important;
	align-items: flex-start !important;
	gap: 9px !important;
	font-weight: 500 !important;
}

.wppb-user-forms input[type="checkbox"] {
	width: 17px !important;
	height: 17px !important;
	min-height: 0 !important;
	margin: 2px 0 0 !important;
	flex: 0 0 17px !important;
	accent-color: #69528E !important;
}

/* Заглавието на формата за вход беше по-дребно от текста под него. */
/* Profile Builder слага заглавието в h4 — по-дребно от текста под него. */
.wppb-user-forms h2,
.wppb-user-forms h3,
.wppb-user-forms h4,
.mk-acc-form h2 {
	font-size: 30px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 18px !important;
}

/* Бутонът за устойчивост на паролата е помощно нещо, не действие. */
.wppb-user-forms #wppb-pass-strength-result,
.wppb-user-forms .pass-strength-result {
	display: inline-block !important;
	margin: 8px 0 0 !important;
	padding: 6px 12px !important;
	font-size: 12.5px !important;
	border-radius: 2px !important;
}

/* ── подравняване по лявата линия ────────────────────────────────────
   Търсачката в резултатите носи утвърдения клас, а той центрира лентата
   (на архивите тя стои сама по ширината на страницата). Тук е в колона и
   трябва да започва от същата линия като заглавието и резултатите. */
/* Полето заема цялата лента; ширината ѝ е ограничена от самата секция
   (720px, центрирана) в блока за `.mk-sr-head` в началото на файла. */
.mk-sr-head .mk-arch-searchbox .search-filter-field--type-search {
	flex: 1 1 auto !important;
	max-width: none !important;
}

/* ── формите в акаунта: еднакви по размер ────────────────────────────
   Двете колони са равни, значи и полетата в тях трябва да са равни —
   иначе лявата изглежда по-широка само защото формата ѝ е различна. */
.mk-acc-sec .wppb-user-forms input[type="text"],
.mk-acc-sec .wppb-user-forms input[type="email"],
.mk-acc-sec .wppb-user-forms input[type="password"],
.mk-acc-sec .wppb-user-forms input[type="tel"],
.mk-acc-sec .wppb-user-forms input[type="number"],
.mk-acc-sec .wppb-user-forms textarea,
.mk-acc-sec .wppb-user-forms select,
.mk-acc-gform .gform_wrapper input[type="text"],
.mk-acc-gform .gform_wrapper input[type="email"],
.mk-acc-gform .gform_wrapper input[type="tel"],
.mk-acc-gform .gform_wrapper textarea,
.mk-acc-gform .gform_wrapper select {
	min-height: 46px !important;
	padding: 10px 14px !important;
	font-size: 15px !important;
	border: 1px solid #E7DFF0 !important;
	border-radius: 3px !important;
	background: #fff !important;
}

/* Описанието под полето е долепено до него и отделено от следващото:
   преди това разстоянията бяха равни и редовете се четяха като каша. */
.mk-acc-sec .wppb-user-forms .wppb-description-delimiter {
	display: block !important;
	margin: 7px 0 0 !important;
	font-size: 12.5px !important;
	line-height: 1.5 !important;
	color: #8A7D9C !important;
}

.mk-acc-sec form.wppb-user-forms ul li.wppb-form-field { margin: 0 0 26px !important; }

/* Заглавията на двете колони тръгват от една линия. */
.mk-acc-sec .mk-acc-title .elementor-heading-title,
.mk-acc-sec .mk-acc-side-h .elementor-heading-title { margin-top: 0 !important; }

/* ══ „Важно за инвитро" ══════════════════════════════════════════════
   Банерът е механизмът от началната страница, но се въртят бебетата —
   те са най-силното, което разделът има. Заглавието е едно и също на
   всеки слайд: разделът се представя с броя, не с името на поредното. */

.mk-ivf-count-w { margin: 0 0 16px !important; }

/* Собствен фон: оплождане на яйцеклетка, в лилавото на темата. Банерът
   на историите е за разкази, този е за процедура. */
.mk-ivf-hero {
	background-image: url('img/ivf_bg.jpg') !important;
	background-position: 30% center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

/* Снимките отпаднаха от банера, затова и сянката — тя криеше подпъхнат
   кадър, а такъв вече няма. Дялът със стъпките носи класа `mk-pt-why` и с
   него сянката от страницата за пациента; тук се нулира изрично. */
.mk-ivf-hero + .mk-sec,
.mk-ivf-steps,
.mk-ivf-what { box-shadow: none !important; }

/* Разделителят се чете само върху бяло. В тониран дял почти се слива със
   съдържанието, затова там отпада. */
.mk-ivf-rates .mk-div-inline { display: none !important; }

/* Името на бебето се сменя с всеки слайд; номерът му стои вдясно. */
.mk-ivf-name .elementor-heading-title {
	font-size: 40px !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	color: #fff !important;
	margin: 0 0 14px !important;
	text-align: left !important;
}

.mk-ivf-hero .mk-ivf-note .elementor-widget-container {
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	max-width: 52ch !important;
}

/* Снимките на бебетата са квадратни 1080×1080 — различно съотношение от
   вертикалните кадри при историите. */
.mk-ivf-hero .hero-photo img {
	max-height: 440px !important;
	max-width: 440px !important;
	height: 440px !important;
	width: 440px !important;
	object-fit: cover !important;
	border-radius: 2px !important;
}

/* ── таблицата с успеваемостта ───────────────────────────────────────
   Числа, които се четат по редове, не по колони: възрастта отляво е
   въпросът, процентът отдясно е отговорът. */
/* Таблиците са еднакви навсякъде и подравнени по лявата линия на текста —
   част от съдържанието вляво, а числата вдясно се четеше като две
   различни подредби на една страница. */
.mk-ivf-table-w { margin: 22px 0 30px !important; max-width: 560px !important; }

.mk-ivf-table {
	width: 100% !important;
	border-collapse: collapse !important;
	background: #fff !important;
	border: 1px solid #EEE6F5 !important;
}

.mk-ivf-table th {
	padding: 12px 18px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: #69528E !important;
	border-bottom: 0 !important;
	text-align: left !important;
}

.mk-ivf-table td {
	padding: 12px 18px !important;
	font-size: 15px !important;
	color: #4A4458 !important;
	border-bottom: 1px solid #EEE6F5 !important;
}

.mk-ivf-table tr:last-child td { border-bottom: 0 !important; }
.mk-ivf-table td:last-child { font-weight: 700 !important; color: #69528E !important; text-align: left !important; }

/* Подзаглавия вътре в дяловете: по-дребни от заглавието на дяла, но ясно
   отделени от абзаца под тях. */
.mk-ib-copy h3,
.mk-lead h3 {
	font-size: 18px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 28px 0 12px !important;
	text-align: left !important;
}

/* Списъкът е списък, не изброяване с точки по средата на текста. */
.mk-ib-copy ul,
.mk-lead ul {
	margin: 0 0 18px !important;
	padding: 0 0 0 22px !important;
	list-style: disc !important;
	text-align: left !important;
}

.mk-ib-copy li,
.mk-lead li {
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #6B5D82 !important;
	margin: 0 0 8px !important;
}

.mk-ivf-rates { background: #F7F4FA !important; }
.mk-ivf-steps { background: #fff !important; }

/* Дясната карта носи условията за пътуване — по-тих фон от лявата, която
   говори за нашата работа. */
.mk-ivf-docs > .elementor-element-populated { background: #FBF9FD !important; }

.mk-ivf-stories .mk-arch-grid,
.mk-ivf-events .mk-arch-grid { margin-top: 32px !important; }

@media (max-width: 1024px) {
	.mk-ivf-count { font-size: 32px !important; }
	.mk-ivf-hero .hero-photo img { max-height: 320px !important; max-width: 320px !important; height: 320px !important; width: 320px !important; }
}

/* ── броячът в банера ────────────────────────────────────────────────
   Числото е същината на раздела: толкова деца са се родили с наша помощ.
   Стои само, едро, без снимка около него. */
.mk-ivf-counter-w { margin: 0 !important; }

/* Квадрат с два контура: дебелият бял отвън очертава кутията върху
   неспокойния фон, тънкият вътре е ореол около числото. Размерът е
   **фиксиран** — числото расте с всяко бебе, кутията не мърда. */
.mk-ivf-counter {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	color: #fff !important;
	width: 440px !important;
	height: 440px !important;
	padding: 48px !important;
	border: 11px solid #fff !important;
	border-radius: 2px !important;
	box-sizing: border-box !important;
	/* Сянката отделя кутията от фона — той е снимка със свои тъмни и
	   светли места и бялата рамка на места се губеше в тях. Цветът е
	   тъмното лилаво на темата на 50%, не черно. */
	box-shadow: 0 26px 54px rgba(54, 42, 75, .5) !important;
}

/* Вътрешният контур е на псевдоелемент, не втора рамка: така разстоянието
   между двата се задава точно и не влиза в сметката за размера. */
.mk-ivf-counter::before {
	content: "" !important;
	position: absolute !important;
	inset: 13px !important;
	border: 3px solid rgba(255, 255, 255, .85) !important;
	pointer-events: none !important;
}

/* Числото и надписите стоят върху снимка — светлите ѝ места ги изяждат.
   Сянката е мека и в същото тъмно лилаво като тази под кутията. */
.mk-ivf-counter-num {
	text-shadow: 0 4px 18px rgba(54, 42, 75, .55) !important;
	font-size: 112px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
	letter-spacing: -.02em !important;
	color: #fff !important;
}

.mk-ivf-counter-t {
	text-shadow: 0 3px 14px rgba(54, 42, 75, .55) !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	letter-spacing: .2em !important;
	color: #fff !important;
	margin-top: 6px !important;
}

/* Втората линия е от същото изречение, не бележка под него — затова е
   главни букви и в пълния бял цвят, само с една стъпка по-дребно. */
.mk-ivf-counter-s {
	text-shadow: 0 3px 14px rgba(54, 42, 75, .55) !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #fff !important;
	max-width: none !important;
	margin-top: 4px !important;
}

/* Горната линия е обща и неподвижна. Текстът се сменя с всеки слайд и
   е различно дълъг; центриран по височина, целият блок подскачаше нагоре
   и надолу. Затова лявата колона тръгва от фиксирана линия — същата, на
   която стои горният ръб на кутията с числото (128px от началото на
   банера: половината от разликата между 696 и 440). Мърда само долният
   край, който и без това е различен. */
.mk-ivf-hero > .elementor-container { align-items: center !important; }

.mk-ivf-hero .hero-left > .elementor-widget-wrap {
	justify-content: flex-start !important;
	padding-top: 128px !important;
	padding-bottom: 56px !important;
}

/* Дясната колона носи само числото. hero.css занулява височините вътре в
   банера, затова ръстът се връща изрично и е **същият** като на лявата:
   така двата блока застават един срещу друг, подпрени на един център. */
.mk-ivf-hero .mk-ivf-right,
.mk-ivf-hero .mk-ivf-right > .elementor-widget-wrap { min-height: 696px !important; }

.mk-ivf-hero .mk-ivf-right > .elementor-widget-wrap {
	justify-content: center !important;
	align-items: center !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

/* ── лявата колона: подравнена по вътрешния ръб ───────────────────────
   Текстът се опира в кутията с числото, вместо да виси на разстояние от
   нея. Дясната линия на текста и лявата на кутията вървят успоредно. */
.mk-ivf-hero .hero-left,
.mk-ivf-hero .hero-left .hero-text-panel,
.mk-ivf-hero .hero-list-label,
.mk-ivf-hero .mk-ivf-name .elementor-heading-title,
.mk-ivf-hero .mk-ivf-note .elementor-widget-container { text-align: right !important; }

.mk-ivf-hero .hero-left .hero-eyebrow-badge { margin-left: auto !important; }

.mk-ivf-hero .mk-ivf-note .elementor-widget-container { max-width: 52ch !important; margin-left: auto !important; }

/* Бутоните тръгват отдясно, в същия ред: главният остава пръв отляво. */
.mk-ivf-hero .cta-row .elementor-widget-wrap { justify-content: flex-end !important; }

/* Чертата на реда минава отдясно — от страната, към която се чете. */
.mk-ivf-hero .hero-list-item {
	text-align: right !important;
	border-left: 0 !important;
	border-right: 2px solid rgba(255, 255, 255, .15) !important;
	padding: 7px 16px 7px 0 !important;
}

.mk-ivf-hero .hero-list-item > .elementor-container { justify-content: flex-end !important; }
.mk-ivf-hero .hero-list-item:hover { border-right-color: rgba(255, 255, 255, .5) !important; }
.mk-ivf-hero .hero-list-item.active { border-right-color: #F37B1F !important; }

@media (max-width: 1024px) {
	.mk-ivf-counter {
		width: 100% !important;
		max-width: 420px !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
		padding: 28px !important;
		border-width: 8px !important;
	}
	.mk-ivf-counter-num { font-size: 64px !important; }
	.mk-ivf-counter-t { font-size: 20px !important; }
	.mk-ivf-counter-s { font-size: 16px !important; }
	.mk-ivf-hero .mk-ivf-right,
	.mk-ivf-hero .mk-ivf-right > .elementor-widget-wrap { min-height: 0 !important; }
	.mk-ivf-hero .hero-left > .elementor-widget-wrap { padding-top: 56px !important; }
	.mk-ivf-right > .elementor-widget-wrap { margin-top: 28px !important; }

	/* На тесен екран колоните са една под друга — дясното подравняване
	   губи смисъла си, защото няма какво да опира отдясно. */
	.mk-ivf-hero .hero-left,
	.mk-ivf-hero .hero-left .hero-text-panel,
	.mk-ivf-hero .hero-list-label,
	.mk-ivf-hero .mk-ivf-name .elementor-heading-title,
	.mk-ivf-hero .mk-ivf-note .elementor-widget-container { text-align: left !important; }
	.mk-ivf-hero .hero-left .hero-eyebrow-badge,
	.mk-ivf-hero .mk-ivf-note .elementor-widget-container { margin-left: 0 !important; }
	.mk-ivf-hero .cta-row .elementor-widget-wrap,
	.mk-ivf-hero .hero-list-item .elementor-widget-wrap { justify-content: flex-start !important; }
	.mk-ivf-hero .hero-list-item {
		text-align: left !important;
		border-right: 0 !important;
		border-left: 2px solid rgba(255, 255, 255, .15) !important;
		padding: 7px 0 7px 16px !important;
	}
	.mk-ivf-hero .hero-list-item.active { border-left-color: #F37B1F !important; }
}

/* ── слятото от старата страница „Инвитро" ──────────────────────────
   Редът под трите карти обобщава всичко над себе си; залепен за тях, той
   изглеждаше като четвърта карта без номер. */
.mk-ivf-after {
	margin-top: 34px !important;
	padding-top: 26px !important;
	border-top: 1px solid #EEE6F5 !important;
}

/* Видеото е от стария запис — рамка в ширината на текста, не през целия
   екран: то илюстрира, не е самото съдържание. */
.mk-ivf-video .elementor-widget-video {
	max-width: 860px !important;
	margin: 0 auto !important;
}

.mk-ivf-video .elementor-wrapper {
	border-radius: 2px !important;
	overflow: hidden !important;
	box-shadow: 0 18px 40px rgba(54, 42, 75, .18) !important;
}

/* ── числата: по две таблици в ред ──────────────────────────────────
   Таблиците са за сравнение, не за четене поред — затова вървят по
   двойки: двата пътя преди ин витро на един ред, двата начина да се мери
   ин витро на следващия. */
.mk-ivf-trow { margin: 8px 0 30px !important; }

.mk-ivf-trow > .elementor-container { align-items: stretch !important; }

.mk-ivf-tcol > .elementor-element-populated { padding: 0 !important; }

/* Главата на таблицата е под общото заглавие на дяла, затова е по-дребна
   и без горното отстояние, което носят другите h3 в текста. */
.mk-ivf-tcol .mk-ivf-th .elementor-heading-title {
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #362A4B !important;
	margin: 0 0 8px !important;
	text-align: left !important;
}

/* Пояснението принадлежи на таблицата под себе си — стои долепено за нея.
   Изравняването им по височина правеше дупка между двете и ги късаше. */
.mk-ivf-tcol .mk-ivf-tnote .elementor-widget-container {
	min-height: 0 !important;
}

.mk-ivf-tcol .mk-ivf-tnote p {
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

.mk-ivf-tcol .mk-ivf-table-w { margin: 0 !important; max-width: none !important; }

@media (max-width: 1024px) {
	.mk-ivf-tcol .mk-ivf-tnote .elementor-widget-container { min-height: 0 !important; }
	.mk-ivf-trow { margin-bottom: 18px !important; }
}

/* ── поправки по „Важно за инвитро" ─────────────────────────────────── */

/* Сянката идва от `mk-pt-why` — там тя отделя дяла от снимка под него.
   Тук отдолу няма снимка, а същият бял фон: сянката рисува два ръба
   насред бялото. */
.mk-ivf-how,
.mk-ivf-give { box-shadow: none !important; }

/* Разделителят стои на половината път между двете съдържания, не между
   двете секции: над него са долното поле на горния дял (72) и горното на
   долния (72) — заедно 144, а под него само отстоянието до заглавието.
   Затова се вдига с 36 нагоре и получава 108 надолу: 108 горе, 108 долу. */
.mk-div-top {
	margin: -36px 0 108px !important;
	padding-top: 0 !important;
}

.mk-sec .mk-div-top .elementor-widget-container { margin: 0 !important; }

.mk-div-top .elementor-divider { padding: 0 !important; }

.mk-div-top .elementor-divider-separator {
	border-top-color: #E7DFF0 !important;
}

/* Знакът в средата стои върху фона на дяла, за да не се вижда линията под
   него — иначе изглежда като зачертан. */
.mk-div-top .elementor-icon,
.mk-div-top .elementor-divider__element {
	background: inherit !important;
	padding: 0 14px !important;
}

/* ── таблиците: едно цяло с обяснението си, разделени една от друга ── */

/* Главата, пояснението и таблицата са едно — затова се събират. */
.mk-ivf-tcol .mk-ivf-th .elementor-heading-title { margin: 0 0 6px !important; }
.mk-ivf-tcol .mk-ivf-tnote .elementor-widget-container { margin: 0 0 10px !important; }
.mk-ivf-tcol .mk-ivf-tnote + .elementor-widget { margin-top: 0 !important; }

/* Двете таблици на един ред бяха долепени ръб до ръб и се четяха като
   една с четири колони. Разстоянието между тях е по-голямо от всяко
   вътре в тях. */
.mk-ivf-trow > .elementor-container > .mk-ivf-tcol:first-child > .elementor-element-populated {
	padding-right: 26px !important;
}

.mk-ivf-trow > .elementor-container > .mk-ivf-tcol:last-child > .elementor-element-populated {
	padding-left: 26px !important;
}

/* На тесен екран колоните са една под друга — страничният отстъп между
   тях вече няма какво да дели и само измества втората таблица надясно.
   Повтаря се с `:first-child`/`:last-child`, защото правилата отгоре са
   с тях и без това уточнение печелят по специфичност. */
@media (max-width: 1024px) {
	.mk-ivf-trow > .elementor-container > .mk-ivf-tcol > .elementor-element-populated,
	.mk-ivf-trow > .elementor-container > .mk-ivf-tcol:first-child > .elementor-element-populated,
	.mk-ivf-trow > .elementor-container > .mk-ivf-tcol:last-child > .elementor-element-populated {
		padding: 0 !important;
		margin-bottom: 26px !important;
	}
}

/* ── банерът: подсветката колкото заглавието ────────────────────────
   Редът заема цялата колона, за да е голям за посочване, но подсветката
   е на самото заглавие — иначе при смяна на слайда една ивица пробягва
   през цялата ширина. */
.mk-ivf-hero .hero-list-item,
.mk-ivf-hero .hero-list-item.active { background: none !important; }

/* Бутонът около реда е общ за всички банери и стои в `hero.css`. Тук е
   само разликата: списъкът е подравнен вдясно. */
.mk-ivf-hero .hero-list-item {
	padding: 2px 16px 2px 0 !important;
}

/* На тесен екран списъкът не е вдясно, а по цялата ширина — отстъпът
   само вдясно изместваше реда 16px вляво от центъра на екрана. */
@media (max-width: 900px) {
	.mk-ivf-hero .hero-list-item {
		padding: 2px 0 !important;
	}
}



/* Горните дялове свършват с различно нещо — текст, карти, видео — и всяко
   носи собствен долен отстъп. Измерено при 1440px: 119,2 след текстов блок,
   145 след картите, 108 след видеото. Разликата се изважда наполовина от
   двете страни, за да излезе точно по равно. */
/* ⚠ Мобилна версия: тези 108px от двете страни са мерени за широк екран.
   На телефон се свиват — виж `__ORAM/.oram.OpenTasks.md`, раздел „Мобилна
   версия — отстояния около разделителите". Числата по-долу се
   преизчисляват, щом се сменят вертикалните полета на дяловете, иначе
   равенството горе/долу се разваля. */
.mk-ivf-steps .mk-div-top { margin-top: -47px !important; }
.mk-ivf-how .mk-div-top { margin-top: -73px !important; }
.mk-ivf-give .mk-div-top { margin-top: -47px !important; }

/* ── разпределените услуги в „Как работим" и „Транспорт и престой" ───
   Не са каталог: всяка карта е стъпка от организацията и води към своята
   страница. Две в ред, за да личи, че са равностойни. */
.mk-svc-row { margin: 0 0 22px !important; }

.mk-svc-card > .elementor-element-populated {
	padding: 24px 26px !important;
	background: #FBF9FD !important;
	border: 1px solid #EEE6F5 !important;
	border-radius: 2px !important;
	height: 100% !important;
}

.mk-svc-card h3 {
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	margin: 0 0 8px !important;
}

.mk-svc-card h3 a {
	color: #362A4B !important;
	text-decoration: none !important;
	border-bottom: 1px solid transparent !important;
	transition: border-color .16s ease !important;
}

.mk-svc-card h3 a:hover { border-bottom-color: #69528E !important; }

.mk-svc-card p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #6B5D82 !important;
	margin: 0 !important;
}

/* Редът над картите казва за кого са — той е уговорката, не украсата. */
.mk-svc-intro p {
	max-width: 70ch !important;
	margin: 0 auto 26px !important;
	text-align: center !important;
}

/* ── поправки по „Транспорт и престой" ──────────────────────────────── */

/* Снимката беше 840px, защото колоната с текста е 860 — ширина, мерена за
   четене, не за кадър. Снимката излиза извън нея до пълните 1300 на
   съдържанието; текстът остава в тясната мярка. Само от 1360px нагоре —
   под това излизането навън няма накъде. */
.mk-pg-sec .elementor-widget-image img {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	border-radius: 2px !important;
}

/* `pages.css` задава ширина 100% със селектор от три нива
   (`.mk-pg-sec .elementor-widget-wrap > .elementor-widget`). По-плиткото
   правило само изместваше снимката наляво, без да я разширява — оттам
   видът, че е преместена, а не уголемена. Тук дълбочината е същата. */
.mk-pg-sec .mk-pg-hero-img img { max-height: 520px !important; }

@media (min-width: 1360px) {
	.mk-pg-sec .elementor-widget-wrap > .elementor-widget.mk-pg-hero-img {
		width: calc(100% + 440px) !important;
		max-width: none !important;
		margin-left: -220px !important;
		margin-right: -220px !important;
	}
}

/* ── вертикален ритъм на страницата ─────────────────────────────────
   Полетата бяха 66, −26, 36, 119 — всяко различно. Еднакви 72 отгоре и
   отдолу дават един ритъм; разделителят вади 72 отгоре, за да застане
   точно по средата между двете съдържания. */
/* Полето стои на едно място, не на две: самата секция го нулира, а
   колоната носи 72. Иначе двете се събират и дават 128. */
.mk-pg-sec,
.mk-svc-sec {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.mk-pg-sec > .elementor-container > .elementor-column > .elementor-element-populated,
.mk-svc-sec > .elementor-container > .elementor-column > .elementor-element-populated {
	padding-top: 72px !important;
	padding-bottom: 72px !important;
}

/* Еднакво и в двата вида дялове на страниците: полето им е 72 от двете
   страни, разделителят вади 72 отгоре и застава точно по средата.
   Без това `mk-svc-sec` падаше на базовите −36/108 и излизаше 134/108. */
.mk-pg-sec .mk-div-top { margin: -72px 0 72px !important; }

/* Числата важат само ако дялът свършва точно на полето си. Последната
   джаджа в него обаче носи собствен отстъп отдолу (26px при текстов блок,
   друг при решетка) и той се прибавя — оттам различните разстояния от
   страница на страница. Нулира се, за да стане мярката една. */
.mk-pg-sec .elementor-widget:last-child,
.mk-svc-sec .elementor-widget:last-child,
.mk-pg-sec .elementor-widget-wrap > .elementor-widget:last-child { margin-bottom: 0 !important; }

/* И последният абзац вътре в нея: неговите 26px също се прибавят. */
.mk-pg-sec .elementor-widget:last-child p:last-child,
.mk-svc-sec .elementor-widget:last-child p:last-child { margin-bottom: 0 !important; }

.mk-svc-sec .mk-div-top { margin: -72px 0 72px !important; }

/* Подчертаването при посочване остава само за заглавието, когато
   мишката е върху самия надпис; върху цялата карта светва фонът. */
.mk-svc-card h3 a:hover { border-bottom-color: transparent !important; }

/* Картите бяха долепени ръб до ръб и се четяха като една таблица. */
.mk-svc-row > .elementor-container > .mk-svc-card:first-child > .elementor-element-populated {
	margin-right: 13px !important;
}

.mk-svc-row > .elementor-container > .mk-svc-card:last-child > .elementor-element-populated {
	margin-left: 13px !important;
}

/* Кликва се цялата карта, не само заглавието: връзката се разпъва върху
   нея с псевдоелемент, а текстът остава избираем. */
.mk-svc-card > .elementor-element-populated { position: relative !important; }

.mk-svc-card h3 a::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
}

.mk-svc-card > .elementor-element-populated:hover {
	border-color: #D9C9EC !important;
	background: #F7F2FB !important;
}

.mk-svc-card p { position: relative !important; z-index: 2 !important; pointer-events: none !important; }

@media (max-width: 1024px) {
	.mk-svc-row > .elementor-container > .mk-svc-card > .elementor-element-populated {
		margin: 0 0 16px !important;
	}
}

/* Снимката е ръб сама по себе си: под нея долното поле на дяла е излишно.
   До текста имаше 144px — 72 отдолу плюс 72 отгоре на следващия дял.

   Първият опит дърпаше самата джаджа с отрицателен отстъп и не вършеше
   работа: полето от 72 стои на обвивката `.elementor-widget-wrap`, а
   отстъп на детето не свива подложката на родителя. Затова полето пада
   там, където е — на обвивката, и само когато снимката е последна в нея. */
.mk-pg-sec .elementor-widget-wrap:has( > .mk-pg-hero-img:last-child ) {
	padding-bottom: 0 !important;
}

/* И отгоре на следващия дял: 72px под снимката срещу 36px над нея четеше
   като провиснало поле. Снимката стои симетрично — 36 от двете страни. */
.mk-pg-sec:has( .elementor-widget-wrap > .mk-pg-hero-img:last-child ) + .mk-pg-sec
	> .elementor-container > .elementor-column > .elementor-widget-wrap {
	padding-top: 36px !important;
}

/* Четивото на входните страници върви по същата мярка като на единичните:
   16/26. Картите и секционните заглавия тук са нарочно различни — те са
   елементи на витрина, не на статия, и не се пипат. */
.mk-ib-copy p, .mk-ib-copy li { font-size: 16px !important; line-height: 26px !important; }

/* ── Картата с въпрос се отваря цяла ──────────────────────────────────────
   Досега водеше само заглавието: кликът встрани от него или в празното под
   текста не правеше нищо. Архивът на въпросите (`mk-faq-item`) отдавна има
   този механизъм — тук е същият.

   Връзката в заглавието се разтяга върху цялата карта с `::after`. За да се
   мери спрямо картата, а не спрямо колоната на Elementor, обвивките по пътя
   се обезпозиционират — иначе разтягането опира в тях и оставя краищата
   глухи. Бутонът „Вижте отговора“ стои над покритието, за да си остане
   отделно кликаем; води към същия адрес, така че кликът е един и същ. */

.mk-faq-card { position: relative !important; }

.mk-faq-card > .elementor-container,
.mk-faq-card > .elementor-container > .elementor-column,
.mk-faq-card > .elementor-container > .elementor-column > .elementor-widget-wrap,
.mk-faq-card .mk-faq-q,
.mk-faq-card .mk-faq-q > .elementor-widget-container { position: static !important; }

.mk-faq-card .mk-faq-q .elementor-heading-title a { position: static !important; }

.mk-faq-card .mk-faq-q .elementor-heading-title a::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 4 !important;
}

.mk-faq-card .mk-faq-more { position: relative !important; z-index: 5 !important; }

.mk-faq-card:hover .mk-faq-q .elementor-heading-title,
.mk-faq-card:hover .mk-faq-q .elementor-heading-title a { color: #69528E !important; }

/* ══ ТЕЛЕФОН: страницата при грешен адрес ══════════════════════════════
   Решетката със събития под пътищата оставаше на три колони. При 390px
   всяка карта излизаше 110 широка и датата се чупеше буква по буква —
   „31 ОКТО МВРИ“ във вертикален стълб. */
@media (max-width: 600px) {

	.mk-404-events .elementor-grid,
	.mk-404-events .elementor-loop-container {
		grid-template-columns: 1fr !important;
	}

	.mk-404-grid > .elementor-container {
		flex-direction: column !important;
	}

	.mk-404-grid > .elementor-container > .mk-404-card {
		width: 100% !important;
	}
}

/* ══ БАНЕРЪТ НА ЕСТЕТИКАТА ═════════════════════════════════════════════
   Входната страница на раздела („Пластична хирургия“, #173) получи банер
   по общия образец: панел вляво, списък отдолу, кадър вдясно, и трите
   на случайна интервенция.

   Кадърът не може да наследи правилото на страниците за пациента: там
   снимките са портрети на лекари, 1080×1350, и стоят подпъхнати долу с
   фиксирана височина 675. Тук са банерни, 1200×400 — при същото правило
   излизаха като тясна лента насред празно място. */
.mk-aes-hero .hero-photo {
	align-items: center !important;
	bottom: auto !important;
}

.mk-aes-hero .hero-photo img {
	width: 440px !important;
	height: 440px !important;
	max-width: 440px !important;
	max-height: 440px !important;
	object-fit: cover !important;
	box-sizing: content-box !important;
	border-radius: 50% !important;
	border: 10px solid rgba( 255, 255, 255, .5 ) !important;
}

/* Името е дълго — „Увеличаване на гърдите. Причини, психологическа
   подготовка“ — и при размера на заглавие от банер заема три реда. */
.mk-aes-hero .mk-aes-name .elementor-heading-title {
	font-size: 30px !important;
	line-height: 1.2 !important;
}

.mk-aes-hero .mk-aes-note,
.mk-aes-hero .mk-aes-note p {
	font-size: 15px !important;
	line-height: 1.55 !important;
	color: #EDE7F5 !important;
}

.mk-aes-hero .mk-aes-note { max-width: 52ch !important; margin-bottom: 18px !important; }

@media (max-width: 767px) {
	.mk-aes-hero .hero-photo img {
		width: 150px !important;
		height: 150px !important;
		max-width: 150px !important;
		max-height: 150px !important;
		border-width: 5px !important;
	}

	.mk-aes-hero .mk-aes-name .elementor-heading-title { font-size: 22px !important; }
}

/* ══ ТЯЛОТО НА „ПЛАСТИЧНА ХИРУРГИЯ“ ════════════════════════════════════
   Платното беше лилаво и целият текст — бял. Щом платното стана бяло,
   текстът изчезна: белите заглавия върху бяло не се виждат.

   Тук цветовете минават на тези от останалите входни страници. Самите
   заглавия не се пипат в данните — стойността им там е глобална
   променлива на Elementor и важи за целия сайт. */
.mk-aes-sec .elementor-heading-title {
	color: #362A4B !important;
}

.mk-aes-sec .elementor-widget-text-editor,
.mk-aes-sec .elementor-widget-text-editor p,
.mk-aes-sec .elementor-widget-text-editor li,
.mk-aes-sec p,
.mk-aes-sec li {
	color: #4A4458 !important;
	font-size: 16px !important;
	line-height: 26px !important;
}

/* Заглавията на разделите („Естетична хирургия“, „Пластична хирургия на
   ръце“) стояха центрирани с главни букви — оттам идваше видът на стара
   брошура. Остават центрирани, но в ръста и теглото на сайта. */
.mk-aes-sec > .elementor-container > .elementor-column > .elementor-element-populated > .elementor-widget-heading .elementor-heading-title {
	font-size: 34px !important;
	line-height: 1.22 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: -.01em !important;
}

/* Вътрешните заглавия на групи („Глава, лице и очи“, „Гърди“, „Корем“)
   са едно ниво по-долу. */
.mk-aes-sec .elementor-widget-heading + .elementor-section .elementor-heading-title,
.mk-aes-sec h3.elementor-heading-title {
	font-size: 22px !important;
	text-transform: none !important;
}

.mk-aes-sec {
	padding: 54px 0 !important;
	background: #fff !important;
}

/* Снимките между дяловете минаваха от ръб до ръб и опираха в текста. */
.mk-aes-sec .elementor-widget-image img {
	border-radius: 3px !important;
	display: block !important;
}

/* Редуването светло—по-светло отделя дяловете един от друг, както на
   останалите входни страници. */
.mk-aes-sec:nth-of-type(odd) { background: #F7F4FA !important; }

/* ── банерът: двата блока в центъра, по-нисък ──────────────────────
   Колоните са 58/42 — дял от платното, не от съдържанието. Панелът
   заемаше 594 при далеч по-тесен текст, кадърът 650 при кръг от 460, и
   групата седеше изместена. Сега всяка колона се свива до това, което
   носи, и контейнерът ги събира в средата; двете се подпират на един
   център по вертикала. */
.mk-aes-hero > .elementor-container {
	justify-content: center !important;
	align-items: center !important;
	min-height: 470px !important;
	gap: 48px !important;
}

.mk-aes-hero > .elementor-container > .elementor-column {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
}

.mk-aes-hero .hero-left,
.mk-aes-hero .hero-left > .elementor-widget-wrap {
	width: 100% !important;
	max-width: 520px !important;
}

.mk-aes-hero .hero-left > .elementor-widget-wrap {
	justify-content: center !important;
	padding: 28px 0 !important;
}

.mk-aes-hero .hero-right,
.mk-aes-hero .hero-right > .elementor-widget-wrap {
	width: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
}

/* Кадърът излиза от абсолютното позициониране: в центрирана двойка той е
   равноправен блок, не фон вдясно. */
.mk-aes-hero .hero-photo {
	position: static !important;
	width: auto !important;
	bottom: auto !important;
	display: none !important;
	justify-content: center !important;
}

.mk-aes-hero .hero-photo.active { display: flex !important; }

.mk-aes-hero .hero-photo img {
	width: 360px !important;
	height: 360px !important;
	max-width: 360px !important;
	max-height: 360px !important;
	border-width: 8px !important;
}

.mk-aes-hero .hero-list { min-height: 0 !important; }

/* ── дялът веднага след банера ──────────────────────────────────────
   Лилав, с бял текст — продължение на банера, преди страницата да мине
   на бяло. Сменя се само цветът: ръстът, теглото и отстъпите остават
   същите като на останалите дялове. */
.mk-aes-sec.mk-aes-dark {
	background: #69528E !important;
}

.mk-aes-sec.mk-aes-dark .elementor-heading-title { color: #fff !important; }

.mk-aes-sec.mk-aes-dark .elementor-widget-text-editor,
.mk-aes-sec.mk-aes-dark .elementor-widget-text-editor p,
.mk-aes-sec.mk-aes-dark .elementor-widget-text-editor li,
.mk-aes-sec.mk-aes-dark p,
.mk-aes-sec.mk-aes-dark li { color: #EDE7F5 !important; }

.mk-aes-sec.mk-aes-dark a { color: #fff !important; text-decoration: underline !important; }

/* Редуването тръгва от дяла след тъмния, иначе първият бял излиза
   светлолилав и границата с него се губи. */
.mk-aes-sec.mk-aes-dark + .mk-aes-sec { background: #fff !important; }

/* ── банерът: кадърът вляво, текстът вдясно, един блок ──────────────
   Двете части се четат като едно цяло: кръгът опира в текста, текстът
   е подравнен към него. Редът в данните е текст→кадър, затова кадърът
   се мести с `order`, а не с пренареждане на страницата.

   Въздухът отгоре и отдолу е двоен спрямо предишния: при центриране
   отстъпите паднаха до нула и банерът опираше в двете ленти. */
.mk-aes-hero > .elementor-container {
	min-height: 0 !important;
	gap: 40px !important;
	padding: 56px 0 !important;
}

.mk-aes-hero .hero-right { order: -1 !important; }

.mk-aes-hero .hero-left,
.mk-aes-hero .hero-left .hero-text-panel,
.mk-aes-hero .hero-list-label,
.mk-aes-hero .mk-aes-name .elementor-heading-title { text-align: right !important; }

.mk-aes-hero .hero-left > .elementor-widget-wrap,
.mk-aes-hero .hero-text-panel .elementor-widget-wrap {
	align-items: flex-end !important;
	padding: 0 !important;
}

.mk-aes-hero .hero-left > .elementor-widget-wrap > .elementor-widget,
.mk-aes-hero .hero-text-panel .elementor-widget-wrap > .elementor-widget,
.mk-aes-hero .hero-text-panel .elementor-widget-wrap > .elementor-section {
	width: auto !important;
	max-width: 100% !important;
}

/* Редът с бутоните остава хоризонтален, но тръгва отдясно. */
.mk-aes-hero .cta-row .elementor-widget-wrap {
	flex-direction: row !important;
	justify-content: flex-end !important;
	align-items: center !important;
}

/* Списъкът: чертата минава отдясно, към кадъра. */
.mk-aes-hero .hero-list-item {
	text-align: right !important;
	border-left: 0 !important;
	border-right: 2px solid rgba( 255, 255, 255, .15 ) !important;
	padding: 7px 16px 7px 0 !important;
}

.mk-aes-hero .hero-list-item.active { border-right-color: #F37B1F !important; }

.mk-aes-hero .hero-list-item > .elementor-container,
.mk-aes-hero .hero-list-item .elementor-widget-wrap { justify-content: flex-end !important; }

.mk-aes-hero .hero-list-label .elementor-heading-title { margin-left: auto !important; }

/* Разказът за интервенцията отпада: в банера остават надглавникът и
   името ѝ. Текстът ѝ чака на самата страница. */
.mk-aes-hero .mk-aes-note { display: none !important; }

/* Монолитът: кадърът опира в левия ръб на платното, текстът — в десния.
   Центрирани, двете оставяха по 180 празни отстрани и се четяха като
   два отделни блока. */
.mk-aes-hero > .elementor-container {
	justify-content: space-between !important;
}

.mk-aes-hero .hero-left,
.mk-aes-hero .hero-left > .elementor-widget-wrap { max-width: 620px !important; }

/* Текстът ляга върху светлата част на фоновата снимка. Воалът е
   по-плътен вдясно, където е той, и отстъпва вляво, за да не затъмни
   кадъра. */
.mk-aes-hero::before {
	background: linear-gradient( 90deg,
		rgba( 36, 26, 54, .35 ) 0%,
		rgba( 36, 26, 54, .35 ) 32%,
		rgba( 36, 26, 54, .72 ) 68%,
		rgba( 36, 26, 54, .78 ) 100% ) !important;
}

/* ── тъмният дял и снимката под него ────────────────────────────────
   „Естетична хирургия (козметична)“ стои нарочно в края на лилавото, а
   снимката веднага след него е от ръб до ръб. Между тях зееше бяла
   ивица: дялът си затваряше подложката, снимката си отваряше своята.

   Снимката поема цвета на дяла над себе си и двете се сливат. */
.mk-aes-sec.mk-aes-dark { padding-bottom: 0 !important; }

.mk-aes-sec.mk-aes-dark + .mk-aes-sec {
	background: #fff !important;
	padding-top: 0 !important;
}

.mk-aes-sec.mk-aes-dark + .mk-aes-sec > .elementor-container > .elementor-column > .elementor-element-populated {
	padding: 0 !important;
}

.mk-aes-sec.mk-aes-dark + .mk-aes-sec .elementor-widget-image { margin: 0 !important; }
.mk-aes-sec.mk-aes-dark + .mk-aes-sec .elementor-widget-image img {
	display: block !important;
	width: 100% !important;
	border-radius: 0 !important;
}

/* Заглавието, което стои над снимката, се нуждае от повече въздух под
   себе си — залепено за нея, то изглеждаше като неин надпис. */
.mk-aes-sec.mk-aes-dark > .elementor-container > .elementor-column > .elementor-element-populated > .elementor-widget-heading:last-child {
	margin-top: 46px !important;
	margin-bottom: 40px !important;
}

/* ── разделител там, където два дяла имат един фон ──────────────────
   Без него границата между тях изчезва и двата се четат като един
   дълъг текст. Чертата е къса и центрирана, както на останалите
   страници. */
.mk-aes-sec + .mk-aes-sec::before {
	content: "" !important;
	display: block !important;
	width: 64px !important;
	height: 2px !important;
	margin: 0 auto 38px !important;
	background: #D9CDE8 !important;
}

.mk-aes-sec.mk-aes-dark + .mk-aes-sec::before,
.mk-aes-sec.mk-aes-dark::before { display: none !important; }

/* Между два бели или два светлолилави дяла чертата е видима; където
   фонът се сменя, тя е излишна. */
.mk-aes-sec:nth-of-type(odd) + .mk-aes-sec:nth-of-type(even)::before,
.mk-aes-sec:nth-of-type(even) + .mk-aes-sec:nth-of-type(odd)::before { display: none !important; }


/* Снимката стои каквато е — с белия си фон. Подпряна е на лилавия дял
   отгоре: той свършва точно там, където тя започва, без процеп и без
   собствен отстъп. */
.mk-aes-sec.mk-aes-dark + .mk-aes-sec .elementor-widget-image .elementor-widget-container {
	line-height: 0 !important;
}

/* Панелът реди децата си в ред, а те вече имат своя ширина — затова
   при късо име („Лицеви импланти“) то застава до надглавника вместо
   под него. Посоката минава на колона; редът с бутоните си остава
   хоризонтален по правилото по-горе. */
.mk-aes-hero .hero-text-panel .elementor-widget-wrap,
.mk-aes-hero .hero-left > .elementor-widget-wrap {
	flex-direction: column !important;
	flex-wrap: nowrap !important;
}

.mk-aes-hero .cta-row .elementor-widget-wrap { flex-direction: row !important; }

/* Воалът не се налагаше: `hero.css` носи същия селектор и при равна
   тежест решава редът на файловете. Трите класа го изпреварват. */
.mk-aes-hero.hero::before {
	background: linear-gradient( 90deg,
		rgba( 36, 26, 54, .42 ) 0%,
		rgba( 36, 26, 54, .52 ) 30%,
		rgba( 36, 26, 54, .82 ) 60%,
		rgba( 36, 26, 54, .88 ) 100% ) !important;
}

/* Монолитът: двете части стоят долепени, не в двата края на платното.
   Кадърът опира в левия ръб, текстът започва веднага до него и е
   подравнен към своя десен край — така двойката се чете като един
   блок, а не като две неща, разделени от половин екран. */
.mk-aes-hero > .elementor-container {
	justify-content: flex-start !important;
	gap: 0 !important;
}

.mk-aes-hero .hero-left,
.mk-aes-hero .hero-left > .elementor-widget-wrap {
	max-width: 560px !important;
	padding-left: 36px !important;
}

/* ── правилната подредба: текст вляво, кадър вдясно ─────────────────
   Колоните остават в реда, в който са в данните. Текстът е в лявата и
   се подравнява към десния си край; кадърът е в дясната и опира в
   левия си. Така двете се срещат по средата и образуват един блок,
   вместо да висят в краищата на платното. */
.mk-aes-hero .hero-right { order: 0 !important; }

.mk-aes-hero > .elementor-container {
	justify-content: center !important;
	gap: 34px !important;
}

.mk-aes-hero .hero-left,
.mk-aes-hero .hero-left > .elementor-widget-wrap {
	max-width: 560px !important;
	padding-left: 0 !important;
}

.mk-aes-hero .hero-right > .elementor-widget-wrap { align-items: flex-start !important; }
.mk-aes-hero .hero-photo { justify-content: flex-start !important; }

/* Воалът следва текста: той е вляво, затова там е плътен, а вдясно —
   около кадъра — отстъпва. (Предишната му посока беше за подредбата
   с кадър вляво и остана обърната.) */
.mk-aes-hero.hero::before {
	background: linear-gradient( 90deg,
		rgba( 36, 26, 54, .86 ) 0%,
		rgba( 36, 26, 54, .80 ) 38%,
		rgba( 36, 26, 54, .50 ) 66%,
		rgba( 36, 26, 54, .42 ) 100% ) !important;
}

/* ── банерът без фонова снимка ──────────────────────────────────────
   Фонът му беше кадър от друг раздел и под него лилавият дял започваше
   рязко. Сега е плътен, в цвета на дяла отдолу, и двете се четат като
   едно. Воалът отпада заедно със снимката. */
.mk-aes-hero.hero {
	background: #69528E !important;
	background-image: none !important;
}

.mk-aes-hero.hero::before { display: none !important; }

/* ── разделители ────────────────────────────────────────────────────
   Предишното правило висеше на `:nth-of-type` и не сработваше никъде:
   секциите на страницата не са единствените от своя тип в родителя.
   Тук разделителят се слага поименно, там където е поискан. */


/* ── отстъпите около голямата снимка ────────────────────────────────
   Под нея зееше цял дял отстъп, а над „Видове естетична хирургия“ —
   почти нищо. Двете се изравняват. */
.mk-aes-sec.mk-aes-dark + .mk-aes-sec + .mk-aes-sec { padding-top: 44px !important; }

/* ── дял, който е само снимка, се подпира на горния ─────────────────
   „Реконструктивна пластична хирургия“ свършва своя дял; снимката е
   сама в следващия и между тях стоеше двоен отстъп. Класът се слага от
   `__ORAM/_scripts/aes_dividers.php` — по съдържание, не по `:has()`. */
.mk-aes-stuck { padding-top: 0 !important; }

.mk-aes-stuck > .elementor-container > .elementor-column > .elementor-element-populated { padding-top: 0 !important; }

.mk-aes-stuck .elementor-widget-image { margin-top: 0 !important; }

/* Снимката, която операторът маха изпод банера. */
.mk-aes-hidden { display: none !important; }

/* Колоната на махнатата снимка остава празна и текстът виси в лявата
   половина. Редът минава на една колона. */
.mk-aes-dark > .elementor-container {
	flex-direction: column !important;
}

.mk-aes-dark > .elementor-container > .elementor-column { width: 100% !important; }

.mk-aes-dark .elementor-section:has( .mk-aes-hidden ) > .elementor-container {
	display: block !important;
}

.mk-aes-dark .elementor-section:has( .mk-aes-hidden ) > .elementor-container > .elementor-column {
	width: 100% !important;
}

.mk-aes-dark .elementor-widget-text-editor,
.mk-aes-dark .elementor-widget-text-editor p { max-width: 86ch !important; }

/* Разстоянието под голямата снимка беше сбор от два отстъпа: нейният
   дял си затваряше своя, следващият отваряше свой. Остава само един. */
.mk-aes-stuck { padding-bottom: 0 !important; }
.mk-aes-stuck > .elementor-container > .elementor-column > .elementor-element-populated { padding-bottom: 0 !important; }
.mk-aes-stuck + .mk-aes-sec { padding-top: 46px !important; }

/* ── разделителят на сайта, на тази страница ───────────────────────
   Същият Elementor divider, който стои и другаде: линия 280 със звезда
   в средата. Тук му трябва само въздух около него — заглавията наоколо
   носят свои отстъпи и без това слепваха. */
.mk-aes-div { margin: 50px 0 42px !important; }
.mk-aes-div .elementor-divider { padding-block: 0 !important; }

/* Надглавникът „Естетика“ стои в блок, подравнен вдясно заедно с
   името под него; само `text-align` не го мести, защото рамката му е
   по съдържание. */
.mk-aes-hero .hero-eyebrow-badge,
.mk-aes-hero .hero-text-panel .hero-eyebrow-badge {
	margin-left: auto !important;
	margin-right: 0 !important;
	align-self: flex-end !important;
}

.mk-aes-hero .hero-eyebrow-badge .elementor-heading-title { margin-left: auto !important; }

/* ══ ЙЕРАРХИЯТА НА ЗАГЛАВИЯТА ══════════════════════════════════════════
   Заварена, тя беше плоска: „Глава, лице и очи“ излизаше 34px — колкото
   заглавието на целия дял, — а имената на интервенциите 24px при 17 на
   останалите карти по сайта. Нищо не подсказваше кое под кое стои.

   Четирите нива, отгоре надолу:
     дял          34   („Естетична хирургия“)
     група        24   („Глава, лице и очи“, „Гърди“)
     интервенция  18   („Фейслифтинг“)
     в текста     19   („Хирургия на нервите“)

   Нивото се познава по дълбочината: заглавието на дял и на група са
   направо в колоната, останалите са във вложена секция. */
.mk-aes-sec > .elementor-container > .elementor-column > .elementor-element-populated > .elementor-widget-heading h4.elementor-heading-title {
	font-size: 24px !important;
	line-height: 1.3 !important;
	margin-top: 10px !important;
}

.mk-aes-sec .elementor-section .elementor-widget-heading h4.elementor-heading-title {
	font-size: 19px !important;
	line-height: 1.4 !important;
}

/* Редовете с кръгла снимка: име и пояснение под него. */
.mk-aes-sec .elementor-widget-icon-box .elementor-icon-box-title,
.mk-aes-sec .elementor-widget-icon-box .elementor-icon-box-title a {
	font-size: 18px !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
}

.mk-aes-sec .elementor-widget-icon-box .elementor-icon-box-description {
	font-size: 14.5px !important;
	line-height: 1.5 !important;
	color: #6B6377 !important;
}

/* ── текстът не опира в снимките ────────────────────────────────────
   Абзацът до изображение започваше на самия му ръб. */
.mk-aes-sec .elementor-widget-image + .elementor-widget-text-editor,
.mk-aes-sec .elementor-widget-text-editor + .elementor-widget-image,
.mk-aes-sec .elementor-widget-image + .elementor-widget-heading {
	margin-top: 28px !important;
}

.mk-aes-sec .elementor-widget-image { margin-bottom: 26px !important; }

/* ── списъците ──────────────────────────────────────────────────────
   Точките стояха без отстъп и маркерът излизаше извън колоната. */
.mk-aes-sec ul,
.mk-aes-sec ol {
	padding-left: 22px !important;
	margin: 12px 0 18px !important;
}

.mk-aes-sec li {
	margin-bottom: 8px !important;
	padding-left: 4px !important;
}

.mk-aes-sec ul li { list-style: disc outside !important; }
.mk-aes-sec ol li { list-style: decimal outside !important; }
.mk-aes-sec li::marker { color: #A58FC4 !important; }

/* ── въздухът около разделителя ─────────────────────────────────────
   Над него стоеше повече, отколкото под него: следващото заглавие
   носеше свой горен отстъп. Изравнени. */
.mk-aes-div { margin: 46px 0 46px !important; }
.mk-aes-div + .elementor-widget-heading { margin-top: 0 !important; }
.mk-aes-div + .elementor-widget-heading .elementor-heading-title { margin-top: 0 !important; }

/* ══ РЕДОВЕТЕ С ИНТЕРВЕНЦИИ ════════════════════════════════════════════
   Решетката под „Видове естетична хирургия“ е от плъгин за списъци
   (`ile-*`): кръгла снимка 100px, до нея име и едноредово пояснение.

   Заварено, името беше 24px — колкото подзаглавие на цяла група, — а
   текстът започваше на 20px от снимката и изглеждаше залепен за нея.
   Размерите минават на тези от картите по сайта. */
.mk-aes-sec .ile-title,
.mk-aes-sec .ile-title a {
	font-size: 18px !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
	color: #362A4B !important;
	margin: 0 0 4px !important;
}

.mk-aes-sec a:hover .ile-title { color: #69528E !important; }

.mk-aes-sec .ile-content {
	font-size: 14.5px !important;
	line-height: 1.5 !important;
	color: #6B6377 !important;
	margin: 0 !important;
}

/* Въздухът между кадъра и текста. */
.mk-aes-sec .ile-content-box {
	padding: 14px 16px 14px 26px !important;
}

/* Чертичката пред реда е от плъгина; остава, но по-дискретна. */
.mk-aes-sec .ile-timeline-horizontal {
	background: #E7DFF0 !important;
}

/* Елементът над разделителя носи свой долен отстъп и въздухът излизаше
   несиметричен — 66 отгоре срещу 46 отдолу. */
.mk-aes-sec .elementor-widget:has( + .mk-aes-div ) { margin-bottom: 0 !important; }
.mk-aes-sec .elementor-widget:has( + .mk-aes-div ) > .elementor-widget-container > *:last-child { margin-bottom: 0 !important; }

/* ── въздух между текста и снимката до него ─────────────────────────
   В двуколонните дялове между абзаца и кадъра стояха 20px — толкова,
   колкото между две съседни думи на ред. Текстът изглеждаше залепен за
   снимката. */
.mk-aes-sec .elementor-section > .elementor-container {
	gap: 0 48px !important;
}

/* При колони една под друга (тесен екран) водоравният отстъп няма
   смисъл, а вертикалният трябва да го има. */
@media (max-width: 767px) {
	.mk-aes-sec .elementor-section > .elementor-container { gap: 26px 0 !important; }
}

/* ── празните колони не държат място ────────────────────────────────
   Част от дяловете са правени за снимка вдясно, която после е махната
   или преместена. Колоната остава — с празен текстов блок в нея — и
   текстът отляво виси в половината платно.

   CSS не може да я познае: `:has(.elementor-widget)` е истина и за
   празния блок. Класовете се слагат по съдържание от
   `__ORAM/_scripts/aes_empty_cols.php`. */
.mk-aes-sec .mk-aes-empty { display: none !important; }
.mk-aes-sec .mk-aes-wide { width: 100% !important; }

/* Снимката, която е сама в дял, опира и долу. Общото правило ѝ даваше
   26px отдолу — те оставяха бяла ивица между нея и цвета на следващия
   дял. */
.mk-aes-stuck .elementor-widget-image { margin-bottom: 0 !important; }
.mk-aes-stuck .elementor-widget-image .elementor-widget-container { margin-bottom: 0 !important; }
.mk-aes-stuck .elementor-widget:last-child { margin-bottom: 0 !important; }