/* ==========================================================================
   MyPet Clinic – štýly témy (dizajn v2, vizuálny jazyk sesterskej ProSmile Clinic)
   Písma Baloo Da 2 + Manrope, modrý text, zaoblenie 24/32 px, pilulkové tlačidlá,
   tmavomodré panely a „výrez“ rohu (notch). Farby a písma: theme.json.
   Mobil = do 767 px, tablet = do 1023 px, hlavička sa mení na mobilnú pod 1180 px.
   ========================================================================== */

:root {
	--mp-pink: #E2146A; --mp-pink-hover: #990A47; --mp-bright: #EB4F8B; --mp-deep: #990A47; --mp-magenta-100: #FDDCE8;
	--mp-blue: #125A88; --mp-blue-mid: #176FA6; --mp-navy: #062133; --mp-navy-2: #0A334D; --mp-muted: #4A7090;
	--mp-bg: #FFFCFA; --mp-ice: #F3F6F9; --mp-blush: #FFF0F5; --mp-cream: #FFEDE3; --mp-blue-100: #D6E9F5; --mp-magenta-300: #F286AE;
	--mp-tile: rgba(23,111,166,.08); --mp-tile-h: rgba(23,111,166,.15); --mp-pink-soft: rgba(226,20,106,.10);
	--mp-line: rgba(18,90,136,.18); --mp-line-inv: rgba(255,255,255,.14);
	--mp-shadow: 0 8px 30px rgba(0,0,0,.06); --mp-shadow-lg: 0 6px 25px rgba(0,0,0,.12);
	--mp-green: #1E8A5A; --mp-green-50: #EAF6F0; --mp-green-700: #146140;
	--mp-display: var(--wp--preset--font-family--display, 'Baloo Da 2', sans-serif);
	--mp-body: var(--wp--preset--font-family--body, Manrope, sans-serif);
	--mp-sec: clamp(56px, 8vw, 110px);
	--mp-max: 1476px;
	--mp-ease: cubic-bezier(.2,.8,.2,1);
}
html body { --wp--custom--gutter: 62px; }
@media (max-width: 1023px) { html body { --wp--custom--gutter: 16px; } }

/* ---------- Základ ---------- */
html { scroll-behavior: smooth; scroll-padding-top: 120px; }
body { -webkit-font-smoothing: antialiased; background: var(--mp-bg); color: var(--mp-blue); }
h1, h2, h3, h4 { text-wrap: balance; margin: 0; }
p { text-wrap: pretty; }
:focus-visible { outline: 3px solid rgba(226,20,106,.35); outline-offset: 2px; }
img { max-width: 100%; height: auto; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.mp-main .wp-block-post-content > .alignfull,
.mp-main .wp-block-post-content > .alignfull + *,
.mp-main .wp-block-post-content > :first-child { margin-block-start: 0; }
.wp-block-image { margin: 0; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }

/* ---------- Ikony: SVG maska, farba = currentColor ---------- */
.mp-i { display: inline-block; flex: none; width: 1.15em; height: 1.15em; background: currentColor; vertical-align: -.2em; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
[class*="mp-i--"] { position: relative; display: flex; flex: none; align-items: center; justify-content: center; margin: 0; background: none; -webkit-mask: none; mask: none; }
[class*="mp-i--"]::before { content: ""; display: block; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
/* Kruh (Disc) – ružový podklad, svetloružová ikona */
.mp-i--disc { width: clamp(84px, 9vw, 120px); height: clamp(84px, 9vw, 120px); border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-bright); }
.mp-i--disc::before { width: 43%; height: 43%; }
.mp-i--disc-88 { width: 88px; height: 88px; border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-bright); }
.mp-i--disc-88::before { width: 40px; height: 40px; }
.mp-i--disc-72 { width: clamp(52px, 5vw, 72px); height: clamp(52px, 5vw, 72px); border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-pink); }
.mp-i--disc-72::before { width: 44%; height: 44%; }
.mp-i--disc-64 { width: 64px; height: 64px; border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-bright); }
.mp-i--disc-64::before { width: 28px; height: 28px; }
/* Štvorček s ikonou (karty, dlaždice, megamenu) */
.mp-i--badge { width: 52px; height: 52px; border-radius: 16px; background: var(--mp-pink-soft); color: var(--mp-pink); }
.mp-i--badge::before { width: 26px; height: 26px; }
.mp-i--chip { width: 40px; height: 40px; border-radius: 12px; background: var(--mp-pink-soft); color: var(--mp-pink); }
.mp-i--chip::before { width: 20px; height: 20px; }
.mp-i--circle { width: 44px; height: 44px; border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-pink); }
.mp-i--circle::before { width: 22px; height: 22px; }
.mp-i--plain { width: 26px; height: 26px; color: var(--mp-pink); justify-content: flex-start; }
.mp-i--plain::before { width: 26px; height: 26px; }
.mp-i--success { width: 72px; height: 72px; border-radius: 50%; background: var(--mp-green-50); color: var(--mp-green); margin: 0 auto; }
.mp-i--success::before { width: 36px; height: 36px; }
p[class*="mp-i--"] { min-height: 0; }

/* ---------- Tlačidlá (ProSmile: pilulka, primárne so šípkou v bielom krúžku) ---------- */
.wp-block-button__link, .mp-btn {
	--bi: url(../icons/c/arrow-up-right-blue.svg);
	position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box;
	height: 54px; min-width: 200px; padding: 0 5px 0 22px; border: 0; border-radius: 33px;
	font: 500 16px/24px var(--mp-display); white-space: nowrap; text-decoration: none !important; text-align: center;
	background: var(--mp-pink); color: #fff; cursor: pointer; transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.wp-block-button__link::after, .mp-btn::after {
	content: ""; flex: none; width: 44px; height: 44px; border-radius: 50%;
	background: rgba(255,255,255,.92) var(--bi) center / 18px no-repeat;
}
.wp-block-button__link:hover, .mp-btn:hover { background-color: var(--mp-pink-hover); color: #fff; }
.mp-btn > .mp-i { display: none; }
.mp-btn > span { flex: 1; }
.wp-block-button.mp-ico--phone .wp-block-button__link, .mp-btn.mp-ico--phone { --bi: url(../icons/c/phone-blue.svg); }
.wp-block-button.mp-ico--arrow-right .wp-block-button__link { --bi: url(../icons/c/arrow-right-blue.svg); }
.wp-block-button.mp-ico--send .wp-block-button__link, .mp-btn.mp-ico--send { --bi: url(../icons/c/send-blue.svg); }
/* Veľkosť M */
.mp-btn-m .wp-block-button__link, .mp-btn-sm .wp-block-button__link, .mp-btn--m { height: 44px; min-width: 180px; padding-left: 20px; }
.mp-btn-m .wp-block-button__link::after, .mp-btn-sm .wp-block-button__link::after, .mp-btn--m::after { width: 36px; height: 36px; background-size: 16px; }
/* Obrysové a biele varianty – bez krúžku */
.is-style-mp-outline .wp-block-button__link, .mp-btn--outline,
.is-style-mp-outline-white .wp-block-button__link, .mp-btn--outline-white,
.is-style-mp-white .wp-block-button__link { justify-content: center; padding: 0 24px; background: transparent; color: var(--mp-pink); box-shadow: inset 0 0 0 1px var(--mp-pink); }
.is-style-mp-outline .wp-block-button__link::after, .mp-btn--outline::after,
.is-style-mp-outline-white .wp-block-button__link::after, .mp-btn--outline-white::after,
.is-style-mp-white .wp-block-button__link::after { display: none; }
.is-style-mp-outline .wp-block-button__link:hover, .mp-btn--outline:hover { background: var(--mp-pink); color: #fff; }
.is-style-mp-outline-white .wp-block-button__link, .mp-btn--outline-white { color: #fff; box-shadow: inset 0 0 0 1px #fff; }
.is-style-mp-outline-white .wp-block-button__link:hover, .mp-btn--outline-white:hover { background: #fff; color: var(--mp-blue); }
.is-style-mp-white .wp-block-button__link { background: #fff; color: var(--mp-blue); box-shadow: none; }
.is-style-mp-white .wp-block-button__link:hover { background: var(--mp-ice); color: var(--mp-blue); }
.is-style-mp-blue .wp-block-button__link { background-color: var(--mp-blue); }
.is-style-mp-blue .wp-block-button__link:hover { background-color: var(--mp-navy-2); }
/* Obrys modrý (mobilná lišta – Pohotovosť) */
.mp-btn--blue-outline { justify-content: center; gap: 8px; padding: 0 16px; background: #fff; color: var(--mp-blue); box-shadow: inset 0 0 0 1px var(--mp-blue); }
.mp-btn--blue-outline::after { display: none; }
.mp-btn--blue-outline > .mp-i { display: inline-block; width: 20px; height: 20px; }
.mp-btn--blue-outline:hover { background: var(--mp-ice); color: var(--mp-blue); }
/* Textový odkaz so šípkou v ružovom štvorčeku (PSLink) */
.is-style-mp-ghost .wp-block-button__link, .mp-pslink {
	--bi: url(../icons/c/arrow-up-right-white.svg);
	display: inline-flex; align-items: center; gap: 12px; height: auto; min-width: 0; padding: 0; background: none; box-shadow: none;
	font: 500 18px/1.2 var(--mp-display); color: var(--mp-blue); text-decoration: none !important;
}
.is-style-mp-ghost .wp-block-button__link::after, .mp-pslink::after { width: 32px; height: 32px; border-radius: 20px; background: var(--mp-pink) var(--bi) center / 16px no-repeat; transition: background-color 150ms ease; }
.is-style-mp-ghost .wp-block-button__link:hover, .mp-pslink:hover { background: none; color: var(--mp-blue); }
.is-style-mp-ghost .wp-block-button__link:hover::after, .mp-pslink:hover::after { background-color: var(--mp-pink-hover); }
.mp-inv .is-style-mp-ghost .wp-block-button__link, .mp-pslink--inv { color: #fff; }
.mp-ico-after.is-style-mp-ghost .wp-block-button__link::before { display: none; }
.wp-block-buttons { gap: 16px; }
.wp-block-buttons.mp-stack { flex-direction: column; gap: 10px; align-items: stretch; }
.wp-block-buttons.mp-stack > .wp-block-button { width: 100%; }
.wp-block-button.has-custom-width .wp-block-button__link { width: 100%; min-width: 0; }
.mp-link { font: 600 16px/1 var(--mp-display); color: var(--mp-blue); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 767px) {
	.wp-block-button__link { min-width: 0; }
	.mp-full-mobile, .mp-full-mobile .wp-block-button, .mp-full-mobile .wp-block-button__link { width: 100%; }
}

/* ---------- Text, nadtitulky, odznaky ---------- */
.is-style-mp-eyebrow, .mp-eyebrow { font: 600 13px/1 var(--mp-display) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--mp-pink); margin: 0; }
.mp-lead { font-size: clamp(16px, 1.4vw, 18px); line-height: 1.67; color: var(--mp-blue); }
.mp-muted { color: var(--mp-muted); }
.mp-badge { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 12px; border-radius: 999px; font: 600 13px/1 var(--mp-body); white-space: nowrap; background: #F1F2F5; color: #4A5160; }
.mp-badge--brand { background: var(--mp-blush); color: var(--mp-deep); }
.mp-badge--success { background: var(--mp-green-50); color: var(--mp-green-700); }
.mp-badge--neutral { background: #F1F2F5; color: #4A5160; }
.mp-badge__dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mp-title { font: 500 clamp(30px, 3.2vw, 42px)/1.1 var(--mp-display) !important; color: var(--mp-blue); }
.mp-h-24 { font-size: 24px !important; line-height: 1.2; }
.mp-h-26 { font-size: clamp(22px, 2vw, 26px) !important; line-height: 1.2; }
.mp-h-32 { font-size: clamp(26px, 2.6vw, 32px) !important; line-height: 1.15; }
.mp-h-36 { font-size: clamp(28px, 2.8vw, 36px) !important; }
.mp-center { text-align: center; }

/* ---------- Sekcie ---------- */
.mp-section { padding-top: var(--mp-sec); padding-bottom: 0; }
.mp-section--pb { padding-bottom: var(--mp-sec); }
.mp-section--pt-0 { padding-top: 0; }
.mp-section--pt-24 { padding-top: 24px; }
.mp-section--pt-48 { padding-top: clamp(28px, 3.5vw, 48px); }
.mp-section--band { padding-top: 24px; padding-bottom: var(--mp-sec); }
.mp-bg-soft, .mp-bg-ice { background: var(--mp-ice); }
.mp-sechead { margin-bottom: 32px !important; align-items: flex-end; gap: 16px; }
.mp-sechead > * { margin: 0 !important; }
.mp-sechead--center { align-items: center; }
.mp-sechead + * { margin-block-start: 0 !important; }
.mp-mt { margin-top: 32px !important; }
.mp-mt-12 { margin-top: 12px !important; }
.mp-mt-24 { margin-top: 24px !important; }
.mp-mb-28 { margin-bottom: 28px !important; }
.mp-mb-32 { margin-bottom: 32px !important; }
.mp-maxw-900 { max-width: 900px; }
.mp-spacer { height: var(--mp-sec); }

/* Tmavomodrý pás so zaobleným pravým horným rohom */
.mp-navy-band { background: var(--mp-navy); border-radius: 0 64px 0 0; padding-top: clamp(56px, 7vw, 100px); padding-bottom: clamp(56px, 8vw, 110px); margin-top: var(--mp-sec); color: #fff; }
.mp-navy-band h2, .mp-navy-band h3 { color: #fff; }
.mp-navy-band > * + * { margin-block-start: clamp(28px, 4vw, 56px); }
@media (max-width: 767px) { .mp-navy-band { border-radius: 0 40px 0 0; } }

/* Mriežky */
.mp-grid { display: grid !important; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
ul.wp-block-post-template.mp-grid { margin: 0; padding: 0; list-style: none; }
.mp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.mp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.mp-grid > * { margin: 0 !important; min-width: 0; }
.wp-block-post-template > li > .mp-card { height: 100%; }
@media (max-width: 1023px) { .mp-grid.mp-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mp-grid.mp-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .mp-grid.mp-grid--3, .mp-grid.mp-grid--2 { grid-template-columns: minmax(0, 1fr); } .mp-grid.mp-grid--4.mp-grid--tiles { grid-template-columns: minmax(0, 1fr); gap: 10px; } }

/* Stĺpce, bočný panel */
.wp-block-columns { gap: clamp(28px, 4vw, 56px); margin-bottom: 0; }
.mp-aside { position: sticky; top: 110px; align-self: flex-start; display: flex; flex-direction: column; gap: 16px; }
.mp-aside > * { margin: 0 !important; }
@media (max-width: 781px) { .mp-aside { position: static; } }

/* ---------- Karty ---------- */
.mp-card, .is-style-mp-card { background: #fff; border-radius: 32px; box-shadow: var(--mp-shadow); padding: clamp(22px, 2.5vw, 32px); box-sizing: border-box; border: 0; }
.mp-card > * + * { margin-block-start: 12px; }
.mp-card--photo { padding: 12px; }
.mp-card--link { position: relative; transition: box-shadow 200ms ease; }
.mp-card--link:hover { box-shadow: var(--mp-shadow-lg); }
.mp-card--link h2 a::after, .mp-card--link h3 a::after, .mp-card--link .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.mp-card--link a { color: inherit; text-decoration: none; }
.mp-card--featured { box-shadow: var(--mp-shadow), inset 0 0 0 2px var(--mp-pink) !important; }
.mp-card--ice, .is-style-mp-card-soft { background: var(--mp-ice); box-shadow: none; border-radius: 32px; padding: clamp(26px, 3.5vw, 44px) clamp(22px, 3.5vw, 48px); }
.is-style-mp-card-dark { background: var(--mp-navy); color: #fff; border-radius: 32px; padding: 28px; box-sizing: border-box; }
.is-style-mp-card-dark > * + * { margin-block-start: 8px; }
.is-style-mp-card-dark h2, .is-style-mp-card-dark h3 { color: #fff; }
.is-style-mp-card-dark .mp-eyebrow { color: rgba(255,255,255,.8); }
.mp-card__title { font: 500 19px/1.2 var(--mp-display) !important; color: #fff; margin: 0; }
.mp-card__text { font-size: 14px; line-height: 21px; color: rgba(255,255,255,.8); margin: 0; }
.mp-card__phone { margin: 10px 0 0 !important; font: 600 32px/1.1 var(--mp-display); }
.mp-card__phone a, .mp-card__phone a:hover { color: #fff; text-decoration: none; }
.is-style-mp-card-dark .wp-block-buttons { margin-top: 18px !important; }

/* Karta služby (fotka v rámčeku 12 px) */
.mp-scard { padding: 12px; display: flex; flex-direction: column; }
.mp-scard__media { margin: 0; }
.mp-scard__media img { display: block; width: 100%; height: clamp(170px, 15vw, 200px); object-fit: cover; border-radius: 24px; }
.mp-scard__body { padding: 18px 14px 10px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.mp-scard__title { font: 500 24px/1.15 var(--mp-display); margin: 0; color: var(--mp-blue); }
.mp-scard__text { margin: 0; font-size: 15px; line-height: 22px; color: var(--mp-blue); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mp-scard__foot { margin-top: auto; padding-top: 6px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.mp-scard__price { font: 500 16px/1 var(--mp-display); color: var(--mp-pink); }
.mp-chip { flex: none; width: 36px; height: 36px; border-radius: 20px; background: var(--mp-pink) url(../icons/c/arrow-up-right-white.svg) center / 16px no-repeat; transition: background-color 150ms ease; }
.mp-card--link:hover .mp-chip { background-color: var(--mp-pink-hover); }

/* Dlaždica služby (Tile) */
.mp-tile { display: flex; align-items: center; gap: clamp(14px, 1.5vw, 20px); padding: clamp(16px, 1.6vw, 22px) clamp(18px, 2vw, 28px); border-radius: 24px; background: var(--mp-tile); color: var(--mp-blue) !important; text-decoration: none !important; transition: background-color 200ms ease; }
.mp-tile:hover { background: var(--mp-tile-h); }
.mp-tile__icon { flex: none; width: clamp(48px, 4.5vw, 64px); height: clamp(48px, 4.5vw, 64px); border-radius: 16px; background: #fff; color: var(--mp-pink); display: flex; align-items: center; justify-content: center; }
.mp-tile__icon .mp-i { width: clamp(24px, 2vw, 30px); height: clamp(24px, 2vw, 30px); }
.mp-tile__label { flex: 1; font: 500 clamp(18px, 1.5vw, 21px)/1.2 var(--mp-display); }
.mp-tile .mp-tile__arrow { width: 22px; height: 22px; transition: transform 150ms ease; }
.mp-tile:hover .mp-tile__arrow { transform: translateX(3px); }
.mp-tile--inv { background: rgba(255,255,255,.08); color: #fff !important; }
.mp-tile--inv:hover { background: rgba(255,255,255,.16); }
.mp-tile--inv .mp-tile__icon { background: rgba(255,255,255,.12); color: var(--mp-bright); }
.mp-tile--inv .mp-tile__arrow { color: rgba(255,255,255,.7); }

/* Karta článku */
.mp-pcard { padding: 12px; display: flex; flex-direction: column; }
.mp-pcard__media, .mp-pcard .wp-block-post-featured-image { margin: 0; }
.mp-pcard__media img, .mp-pcard .wp-block-post-featured-image img { display: block; width: 100%; height: 200px; object-fit: cover; border-radius: 24px; }
.mp-pcard__body { padding: 18px 14px 10px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.mp-pcard__body > * { margin: 0 !important; }
.mp-pcard__title, .mp-pcard .wp-block-post-title { font: 500 22px/1.2 var(--mp-display) !important; margin: 0; color: var(--mp-blue); }
.mp-pcard__text, .mp-pcard .wp-block-post-excerpt__excerpt { margin: 0; font-size: 15px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mp-pcard .wp-block-post-excerpt { margin: 0; }
.mp-pcard .mp-more { margin-top: auto !important; padding-top: 4px; }
.mp-more { display: inline-flex; align-items: center; gap: 10px; font: 500 17px/1 var(--mp-display); color: var(--mp-blue) !important; text-decoration: none !important; }
.mp-more .mp-i { display: none; }
.mp-more::after, a.wp-block-read-more.mp-more::after { content: ""; width: 32px; height: 32px; border-radius: 20px; background: var(--mp-pink) url(../icons/c/arrow-up-right-white.svg) center / 16px no-repeat; }
.mp-post-featured { margin: 0 0 24px !important; padding: 0; list-style: none; }
.mp-post-featured .mp-pcard { flex-direction: row; gap: 12px; }
.mp-post-featured .mp-pcard .wp-block-post-featured-image { flex: 0 0 56%; }
@media (min-width: 768px) { .mp-post-featured .mp-pcard .wp-block-post-featured-image img { height: 400px; } }
@media (max-width: 767px) { .mp-post-featured .mp-pcard .wp-block-post-featured-image img { height: 220px; } }
.mp-post-featured .mp-pcard__body { padding: 32px; justify-content: center; }
.mp-post-featured .mp-pcard .wp-block-post-title { font-size: clamp(24px, 2.4vw, 32px) !important; }
.mp-post-featured .mp-pcard .wp-block-post-excerpt__excerpt { font-size: 17px; line-height: 27px; -webkit-line-clamp: 4; }
.mp-post-featured .mp-pcard .mp-more { margin-top: 0 !important; }
@media (max-width: 767px) {
	.mp-post-featured .mp-pcard { flex-direction: column; }
	.mp-post-featured .mp-pcard .wp-block-post-featured-image img { height: 220px; }
	.mp-post-featured .mp-pcard__body { padding: 18px 14px 10px; }
}

/* Meta článku */
.mp-meta { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; font-size: 14px; color: var(--mp-muted); }
.mp-meta > * { margin: 0 !important; }
.mp-meta__cat a, .mp-meta__cat.mp-badge { display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: 999px; background: var(--mp-pink-soft); color: var(--mp-deep) !important; font: 500 14px/1 var(--mp-display); text-decoration: none; }
.mp-meta__cat { padding: 0; background: none; }
.mp-meta__cat .wp-block-post-terms__separator { display: none; }
.mp-meta__date, .mp-meta__read { display: inline-flex; align-items: center; gap: 6px; }
.mp-meta__date::before, .mp-meta__read::before { content: ""; width: 15px; height: 15px; background: currentColor; -webkit-mask: var(--mi) center / contain no-repeat; mask: var(--mi) center / contain no-repeat; }
.mp-meta__date { --mi: url(../icons/calendar.svg); }
.mp-meta__read { --mi: url(../icons/clock.svg); }

/* ---------- Horná lišta a hlavička ---------- */
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } }
.mp-header > * { margin-block-start: 0 !important; }
.mp-topbar { background: var(--mp-navy-2); color: var(--mp-blue-100); font-size: 14px; font-family: var(--mp-body); }
.mp-topbar__in { max-width: var(--mp-max); margin: 0 auto; padding: 0 var(--wp--custom--gutter); height: 38px; display: flex; align-items: center; gap: 24px; }
.mp-topbar__in > span, .mp-topbar__er { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.mp-topbar .mp-i { width: 15px; height: 15px; }
.mp-topbar b { font-weight: 400; }
.mp-topbar__er { margin-left: auto; color: #fff !important; font-weight: 600; text-decoration: none !important; }
.mp-topbar__er .mp-i { color: var(--mp-magenta-300); }
.mp-header__bar { transition: padding 200ms ease; }
.mp-header__main { position: relative; max-width: none; margin: 0 auto; height: 96px; padding: 0 var(--wp--custom--gutter); box-sizing: border-box; gap: 40px; background: var(--mp-bg); transition: height 200ms ease, background-color 200ms ease, border-radius 200ms ease; }
.mp-header__main > * { margin: 0 !important; }
.mp-logo { display: block; flex: none; line-height: 0; }
.mp-logo img { transition: height 200ms ease; }
.is-scrolled .mp-header__bar { padding: 0 16px; }
.is-scrolled .mp-header__main { max-width: 1560px; height: 72px; background: rgba(255,252,250,.94); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 0 0 24px 24px; box-shadow: 0 2px 14px rgba(0,0,0,.06); }
.is-scrolled .mp-header__main .mp-logo img { height: 42px !important; }
.mp-nav { flex: 1; }
.mp-nav .wp-block-navigation__container { gap: 28px; }
.mp-nav .wp-block-navigation-item__content { font: 500 18px/1 var(--mp-display); color: var(--mp-blue); padding: 12px 0 !important; text-decoration: none !important; white-space: nowrap; }
.mp-nav .is-current > .wp-block-navigation-item__content { color: var(--mp-pink); }
@media (hover: hover) { .mp-nav .wp-block-navigation-item__content:hover { color: var(--mp-pink); } }
.mp-nav .mp-nav__er > .wp-block-navigation-item__content { display: inline-flex; align-items: center; gap: 6px; }
.mp-nav .mp-nav__er > .wp-block-navigation-item__content::before { content: ""; width: 17px; height: 17px; background: var(--mp-pink); -webkit-mask: url(../icons/siren.svg) center / contain no-repeat; mask: url(../icons/siren.svg) center / contain no-repeat; }
.mp-nav .wp-block-navigation__submenu-icon { width: 18px; height: 18px; margin-left: 2px; transition: transform 200ms ease; }
.mp-nav .is-mega-open > .wp-block-navigation__submenu-icon { transform: rotate(180deg); }
.mp-nav .is-mega-open > .wp-block-navigation-item__content { color: var(--mp-pink); }
@media (min-width: 1180px) {
	/* Na desktope sa namiesto podmenu Služby zobrazuje megamenu (blok MyPet – Megamenu). */
	.mp-nav .wp-block-navigation__submenu-container { display: none !important; }
}
.mp-header-phone { flex: none; }
.mp-header-phone-round { display: none; width: 44px; height: 44px; border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-pink) !important; align-items: center; justify-content: center; }
.mp-header-phone-round .mp-i { width: 20px; height: 20px; }
@media (max-width: 1439px) { .mp-nav .wp-block-navigation__container { gap: 20px; } .mp-header__main { gap: 28px; } }

/* Megamenu Služby */
.mp-mega { position: absolute; top: 100%; left: var(--wp--custom--gutter); right: var(--wp--custom--gutter); margin-top: 8px; z-index: 60; background: #fff; border-radius: 32px; box-shadow: 0 24px 60px rgba(6,33,51,.16); padding: 32px; display: none; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; }
.mp-mega.is-open { display: grid; }
.mp-mega__title { font: 500 24px/1 var(--mp-display); color: var(--mp-blue); margin: 0 0 20px; }
.mp-mega__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 16px; }
.mp-mega__item { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 16px; font: 500 17px/1.2 var(--mp-display); color: var(--mp-blue) !important; text-decoration: none !important; }
.mp-mega__item:hover { background: var(--mp-tile); }
.mp-mega__all { margin-top: 20px; }
.mp-mega__er { border-radius: 24px; background: var(--mp-navy); padding: 28px; display: flex; flex-direction: column; gap: 12px; color: rgba(255,255,255,.85); font-size: 15px; line-height: 22px; }
.mp-mega__er > .mp-i { width: 28px; height: 28px; color: var(--mp-bright); }
.mp-mega__er strong { font: 500 26px/1.1 var(--mp-display); color: #fff; }
.mp-mega__er .mp-btn { margin-top: auto; width: 100%; min-width: 0; }
@media (max-width: 1179px) { .mp-mega { display: none !important; } }

/* Mobilná a tabletová hlavička (pod 1180 px) */
@media (max-width: 1179px) {
	.mp-topbar { display: none; }
	.mp-header__main { height: 64px; padding: 0 16px; gap: 6px; }
	.is-scrolled .mp-header__bar { padding: 0; }
	.is-scrolled .mp-header__main { height: 64px; border-radius: 0 0 20px 20px; }
	.mp-logo img { height: 38px !important; }
	.mp-header-phone { display: none; }
	.mp-header-phone-round { display: flex; order: 2; }
	.mp-nav { order: 3; flex: none; }
	.mp-header .mp-logo { margin-right: auto !important; }
	.mp-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.mp-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.mp-nav .wp-block-navigation__responsive-container-open, .mp-nav .wp-block-navigation__responsive-container-close { width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--mp-blue); }
.mp-nav .wp-block-navigation__responsive-container-open svg, .mp-nav .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
.mp-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 16px 20px 140px !important; background: var(--mp-bg) !important; z-index: 100000; }
.mp-nav .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 48px !important; align-items: stretch !important; }
.mp-nav .is-menu-open .wp-block-navigation__container { gap: 0 !important; align-items: stretch !important; width: 100%; }
.mp-nav .is-menu-open .wp-block-navigation-item { width: 100%; align-items: stretch !important; flex-direction: column; }
.mp-nav .is-menu-open .wp-block-navigation-item.mp-nav__er { order: -1; }
.mp-nav .is-menu-open .mp-nav__er > .wp-block-navigation-item__content { color: var(--mp-pink); }
.mp-nav .is-menu-open .wp-block-navigation-item__content { display: flex !important; align-items: center; min-height: 56px; font: 500 21px/1.2 var(--mp-display) !important; padding: 0 4px !important; border-bottom: 1px solid var(--mp-line); }
.mp-nav .is-menu-open .wp-block-navigation__submenu-container { position: static !important; width: 100% !important; min-width: 0 !important; box-shadow: none; background: none !important; border: 0 !important; padding: 6px 0 10px !important; margin: 0 !important; border-bottom: 1px solid var(--mp-line) !important; }
.mp-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { min-height: 44px; font: 400 16px/1.3 var(--mp-body) !important; border: 0; gap: 12px; }
.mp-nav .is-menu-open .wp-block-navigation__submenu-icon { display: none; }
.has-modal-open .mp-header__main, .mp-header__main:has(.is-menu-open) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: var(--mp-bg) !important; }

/* Mobilná plávajúca lišta */
.mp-mobilebar { display: none; }
@media (max-width: 767px) {
	.mp-mobilebar { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 40; padding: 8px; border-radius: 32px; background: rgba(255,252,250,.82); -webkit-backdrop-filter: blur(26px); backdrop-filter: blur(26px); box-shadow: 0 6px 25px rgba(0,0,0,.12); }
	.mp-mobilebar .mp-btn { width: 100%; min-width: 0; height: 44px; }
	.mp-mobilebar .mp-btn::after { width: 36px; height: 36px; background-size: 16px; }
	.mp-footer { padding-bottom: 76px; }
}

/* ---------- Pätička ---------- */
.mp-footer { margin-top: clamp(16px, 3vw, 40px); }
.mp-footer > * { margin-block-start: 0 !important; }
.mp-promo { background: var(--mp-blush); border-radius: 24px; padding: clamp(20px, 2vw, 24px) clamp(20px, 2.5vw, 32px); gap: clamp(16px, 2vw, 28px); }
.mp-footer__promo { padding-bottom: clamp(32px, 4vw, 56px); }
.mp-promo > * { margin: 0 !important; }
.mp-promo .mp-logo img { height: clamp(28px, 2.4vw, 34px) !important; width: auto; }
.mp-promo__sep { width: 1px; align-self: stretch; background: var(--mp-line); min-height: 40px; }
@media (max-width: 767px) { .mp-promo__sep { display: none; } }
.mp-promo__text { flex: 1 1 320px; }
.mp-promo__text p { margin: 4px 0 0; font-size: 15px; line-height: 22px; color: var(--mp-blue); }
.mp-promo__text .mp-promo__title { margin: 0; font: 500 21px/1.25 var(--mp-display); color: var(--mp-blue); }
.mp-footer__deep { background: var(--mp-deep); border-radius: 32px 32px 0 0; padding-top: clamp(40px, 4vw, 56px); padding-bottom: clamp(72px, 7vw, 88px); color: #fff; }
.mp-footer__deep > * { margin-block-start: 0 !important; }
.mp-footer__deep .mp-logo img { height: clamp(46px, 4vw, 56px) !important; }
.mp-footer__about { margin: 14px 0 36px !important; max-width: 280px; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.85); }
.mp-footer__row { gap: clamp(28px, 6.5vw, 96px); align-items: flex-end; }
.mp-footer__row > * { margin: 0 !important; }
.mp-footer__row .wp-block-buttons { margin-left: auto !important; }
@media (max-width: 767px) { .mp-footer__row .wp-block-buttons { margin-left: 0 !important; } }
.mp-contacts { display: flex; flex-direction: column; gap: 12px; color: #fff; }
.mp-contacts__h { font: 600 21px/1 var(--mp-display); }
.mp-contacts__phone { font: 600 24px/1.2 var(--mp-display); color: #fff !important; text-decoration: none !important; white-space: nowrap; }
.mp-contacts a { color: #fff; text-decoration: none; }
.mp-addr { display: flex; gap: 10px; color: #fff !important; text-decoration: none !important; }
.mp-addr .mp-i { width: 20px; height: 20px; color: var(--mp-cream); margin-top: 2px; }
.mp-addr span { font: 400 17px/1.4 var(--mp-display); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(255,255,255,.4); }
.mp-social { display: flex; gap: 14px; }
.mp-social a { color: #fff !important; }
.mp-social .mp-i { width: 24px; height: 24px; }
.mp-footer__navy { background: var(--mp-navy); border-radius: 32px 32px 0 0; margin-top: -32px !important; padding-top: clamp(40px, 4vw, 56px); padding-bottom: 32px; position: relative; color: #fff; }
.mp-footer__navy > * { margin-block-start: 0 !important; }
.mp-footer__cols { display: grid; grid-template-columns: 220px 220px minmax(0, 1fr) 380px; gap: 40px; }
.mp-footer__cols > * { margin: 0 !important; }
.mp-footer__links { list-style: none; padding: 0 !important; margin: 0; display: flex; flex-direction: column; gap: 20px; }
.mp-footer__links a { font: 500 18px/1.2 var(--mp-display); color: #fff !important; text-decoration: none !important; }
.mp-footer__links a:hover { color: var(--mp-magenta-300) !important; }
.mp-footer__h { font: 600 21px/1 var(--mp-display) !important; color: #fff !important; margin: 0 0 12px !important; letter-spacing: 0; text-transform: none; }
.mp-hours--footer .mp-hours__row { display: flex; justify-content: space-between; gap: 16px; padding: 0 0 8px; margin-bottom: 8px; border-bottom: 1px solid var(--mp-line-inv); font-size: 15px; color: #fff; }
.mp-hours--footer b { font-weight: 400; white-space: nowrap; }
.mp-footer__legal { margin-top: 48px !important; padding-top: 24px; border-top: 1px solid var(--mp-line-inv); display: flex; flex-direction: column; gap: 10px; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.75); }
.mp-footer__legal > * { margin: 0 !important; }
.mp-footer__legal p { max-width: 980px; }
.mp-footer__legal a { color: #fff; }
@media (max-width: 1023px) {
	.mp-footer__cols { grid-template-columns: 1fr 1fr; gap: 0 16px; }
	.mp-footer__cols > .mp-footer__spacer { display: none; }
	.mp-footer__cols > .mp-footer__hours { grid-column: 1 / -1; margin-top: 24px !important; }
	.mp-footer__links { gap: 0; }
	.mp-footer__links a { display: flex; align-items: center; min-height: 44px; }
}
@media (max-width: 767px) { .mp-footer__navy { padding-bottom: 120px; } }

/* ---------- Ordinačné hodiny (karta) ---------- */
.mp-hours:not(.mp-hours--footer) { background: var(--mp-ice); border-radius: 24px; padding: 24px; box-shadow: none; }
.mp-hours__head { display: flex; gap: 12px; align-items: center; font: 500 19px/1 var(--mp-display); color: var(--mp-blue); margin-bottom: 14px; }
.mp-hours__head .mp-i { width: 20px; height: 20px; color: var(--mp-pink); }
.mp-hours:not(.mp-hours--footer) .mp-hours__row { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--mp-line); font-size: 15px; line-height: 1.3; color: var(--mp-blue); }
.mp-hours:not(.mp-hours--footer) .mp-hours__row:last-of-type { border-bottom: 0; }
.mp-hours:not(.mp-hours--footer) .mp-hours__row b { font-weight: 700; }
.mp-hours:not(.mp-hours--footer) .mp-hours__row.is-today span { font-weight: 700; }
.mp-hours:not(.mp-hours--footer) .mp-hours__row.is-today span::after { content: " · dnes"; }
.mp-hours__note { margin: 14px 0 0; font-size: 14px; line-height: 20px; color: var(--mp-blue); }
.mp-hours--list { background: none !important; padding: 0 !important; }
.mp-hours--list .mp-hours__row { border: 0 !important; padding: 3px 0 !important; font-size: 16px !important; }

/* ---------- Hlavička stránky, omrvinky ---------- */
.mp-pagehead { padding-top: clamp(16px, 2vw, 24px); padding-bottom: clamp(32px, 4vw, 56px); }
.mp-pagehead > * { margin-block-start: 0; }
.mp-pagehead > h1, .mp-pagehead > .wp-block-post-title, .mp-pagehead > .wp-block-query-title, .mp-pagehead > .mp-pagehead__sub, .mp-pagehead > .wp-block-term-description {
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important; margin-right: auto !important;
}
.mp-pagehead > h1, .mp-pagehead .wp-block-post-title, .mp-pagehead .wp-block-query-title { margin-top: clamp(18px, 2vw, 28px) !important; font: 500 clamp(34px, 4vw, 54px)/1.08 var(--mp-display) !important; max-width: 940px !important; color: var(--mp-blue); }
.mp-pagehead__sub, .mp-pagehead > .wp-block-term-description { margin-top: 16px !important; font-size: clamp(16px, 1.4vw, 18px); line-height: clamp(26px, 2.2vw, 30px); max-width: 780px !important; color: var(--mp-blue); }
.mp-article__head > h1, .mp-article__head > .wp-block-post-title { max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; }
.mp-crumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font: 400 14px/1 var(--mp-body); color: var(--mp-muted); }
.mp-crumbs a { color: inherit; text-decoration: none; }
.mp-crumbs span[aria-current], .mp-crumbs > span:last-child { font-weight: 700; color: var(--mp-blue); }
.mp-crumbs .mp-i { width: 16px; height: 16px; }
.mp-inv .mp-crumbs, .mp-inv .mp-crumbs a { color: rgba(255,255,255,.75); }
.mp-inv .mp-crumbs span[aria-current], .mp-inv .mp-crumbs > span:last-child { color: #fff; }

/* ---------- Hero s farebným prechodom (úvod, pohotovosť) ---------- */
.mp-hero2 { padding: 0 28px !important; }
.mp-hero2__box { position: relative; border-radius: 32px; overflow: hidden; min-height: 560px; background: url(../brand/gradient-16x9.webp) center / 100% 100% no-repeat, #6B3F70; box-sizing: border-box; }
.mp-hero2__box > * { margin: 0 !important; }
.mp-hero2__photo { position: absolute !important; top: 0; right: 0; bottom: 0; width: 58%; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 38%); mask-image: linear-gradient(90deg, transparent 0%, #000 38%); }
.mp-hero2__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.mp-hero2__content { position: relative; max-width: 620px; padding: 96px 0 72px 72px; display: flex; flex-direction: column; gap: 28px; color: #fff; }
.mp-hero2__content > * { margin: 0 !important; }
.mp-hero2__content .mp-eyebrow { color: rgba(255,255,255,.9); }
.mp-hero2 h1 { opacity: .94; font: 400 clamp(38px, 4.4vw, 64px)/1.03 var(--mp-display) !important; color: #fff; }
.mp-hero2__text { font-size: clamp(16px, 1.4vw, 18px); line-height: clamp(25px, 2.2vw, 30px); color: rgba(255,255,255,.92); max-width: 520px; }
.mp-hero2__actions { gap: 20px !important; align-items: center; }
.mp-hero2__actions > * { margin: 0 !important; }
.mp-hero2__actions .mp-link { color: #fff; }
.mp-hero2__facts { gap: clamp(12px, 2vw, 24px) !important; align-items: center; margin-top: 8px !important; }
.mp-hero2__facts > * { margin: 0 !important; }
.mp-fact { display: inline-flex; align-items: center; gap: 8px; font: 500 15px/1 var(--mp-display); color: #fff; white-space: nowrap; }
.mp-fact::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.mp-hero2 .mp-open { background: rgba(255,255,255,.92); }
.mp-hero2--er .mp-hero2__crumbs { position: relative; padding: 28px 44px 0; }
.mp-hero2--er .mp-hero2__content { padding-top: 48px; gap: 22px; }
.mp-hero2--er h1 { font-size: clamp(36px, 4.2vw, 60px) !important; line-height: 1.04 !important; }
.mp-hero2__sub { font: 500 clamp(21px, 2vw, 26px)/1.25 var(--mp-display) !important; color: rgba(255,255,255,.9) !important; }
.mp-hero2__phone { gap: 16px !important; align-items: center; }
.mp-hero2__phone > * { margin: 0 !important; }
.mp-hero2__num { font: 600 30px/1 var(--mp-display); color: #fff; white-space: nowrap; }
.mp-hero2__num a { color: #fff !important; text-decoration: none !important; }
.mp-hero2__note { font-size: 16px; line-height: 24px; color: rgba(255,255,255,.85); }
@media (max-width: 1023px) {
	.mp-hero2 { padding: 0 12px !important; }
	.mp-hero2__box { min-height: 0; background-image: url(../brand/gradient-1x1.webp); }
	.mp-hero2__photo { position: static !important; width: auto; padding: 0 12px 12px; -webkit-mask-image: none; mask-image: none; }
	.mp-hero2__photo img { height: 240px; border-radius: 24px; object-position: center 62%; }
	.mp-hero2__content { max-width: none; padding: 36px 20px 24px; gap: 20px; }
	.mp-hero2--er .mp-hero2__crumbs { padding: 20px 16px 0; }
	.mp-hero2--er .mp-hero2__content { padding-top: 24px; }
}
@media (max-width: 767px) { .mp-hero2__actions .wp-block-buttons { display: none; } }

/* ---------- Výrez rohu (notch) – tvar dopočíta skript ---------- */
.mp-notch { position: relative; --nw: 125px; --nd: 80px; }
.mp-notch > * { margin: 0 !important; }
.mp-notch__img { position: absolute !important; inset: 0; }
.mp-notch__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 32px; clip-path: var(--notch, none); }
.mp-notch.has-notch .mp-notch__img img { border-radius: 0; }
.mp-notch__label { position: absolute !important; left: 0; top: 0; width: var(--nw); height: var(--nd); display: flex !important; align-items: center; justify-content: center; font: 500 clamp(26px, 2.4vw, 32px)/1 var(--mp-display) !important; color: var(--mp-blue); z-index: 1; }
.mp-notch--tr .mp-notch__label { left: auto; right: 0; }
.mp-notch--panel { --nw: 220px; --nd: 64px; color: #fff; isolation: isolate; }
.mp-notch--panel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mp-navy); border-radius: 32px; clip-path: var(--notch, none); }
.mp-notch--panel.has-notch::before { border-radius: 0; }
.mp-h-440 { height: clamp(260px, 30vw, 440px); }
.mp-h-360 { height: clamp(240px, 25vw, 360px); }
@media (max-width: 767px) { .mp-notch { --nw: 96px; --nd: 60px; } .mp-notch--about { --nw: 120px; --nd: 64px; } .mp-notch--panel { --nw: 96px; --nd: 48px; } }
.mp-notch--about { --nw: 150px; --nd: 80px; margin-top: 27px !important; flex: 0 0 520px; }
.mp-notch--svc { --nw: 140px; --nd: 84px; }

/* ---------- Úvod: O nás blok ---------- */
.mp-about { border-radius: 32px; background: #fff; box-shadow: var(--mp-shadow); padding: 0 40px 32px 32px; gap: 56px !important; flex-wrap: nowrap !important; align-items: stretch !important; }
.mp-about > * { margin: 0 !important; }
.mp-about__right { flex: 1; display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; padding-top: 51px; }
.mp-about__right > * { margin: 0 !important; }
.mp-about__text { flex: 1 1 360px; max-width: 460px; display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
.mp-about__text > * { margin: 0 !important; }
.mp-about__text .mp-title { font-size: clamp(29px, 2.8vw, 40px) !important; }
.mp-about__text p { font-size: 18px; line-height: 30px; }
.mp-infobox { flex: 1 1 320px; max-width: 390px; border-radius: 24px; background: var(--mp-ice); padding: 24px; display: flex; flex-direction: column; gap: 18px; align-self: flex-start; }
.mp-infobox > * { margin: 0 !important; }
.mp-inforow { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 14px; align-items: start; font: 400 18px/22px var(--mp-display); }
.mp-inforow > * { grid-column: 2; }
.mp-inforow::before { content: ""; grid-row: 1 / span 2; flex: none; width: 20px; height: 20px; background: var(--mp-pink); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.mp-inforow strong { display: block; font: 500 16px/1.3 var(--mp-display); }
.mp-inforow small { display: block; font: 400 15px/22px var(--mp-body); }
.mp-infobox__line { height: 1px; background: var(--mp-line); }
.mp-infobox details summary { list-style: none; cursor: pointer; display: flex; gap: 14px; align-items: center; font: 500 18px/1 var(--mp-display); color: var(--mp-blue); min-height: 32px; }
.mp-infobox details summary::-webkit-details-marker { display: none; }
.mp-infobox details summary::before { content: ""; width: 20px; height: 20px; background: var(--mp-pink); -webkit-mask: url(../icons/info.svg) center / contain no-repeat; mask: url(../icons/info.svg) center / contain no-repeat; }
.mp-infobox details summary::after { content: ""; margin-left: auto; width: 24px; height: 24px; background: url(../icons/c/chevron-down-blue.svg) center / 24px no-repeat; transition: transform 200ms ease; }
.mp-infobox details[open] summary::after { transform: rotate(180deg); }
.mp-infobox details > :not(summary) { padding: 10px 0 0 34px; }
@media (max-width: 1023px) {
	.mp-about { flex-direction: column !important; padding: 0 16px 20px; gap: 24px !important; }
	.mp-notch--about { flex: none; }
	.mp-about__right { padding-top: 0; }
	.mp-infobox { max-width: none; }
}

/* Benefity – centrované s ikonou v kruhu */
.mp-benefits2 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); }
.mp-benefits2 > * { margin: 0 !important; display: flex; flex-direction: column; align-items: center; text-align: center; gap: clamp(12px, 1.5vw, 20px); }
.mp-benefits2 > * > * { margin: 0 !important; }
.mp-benefits2 h3 { font: 500 clamp(17px, 1.6vw, 20px)/1.25 var(--mp-display); }
.mp-benefits2 p:not([class*="mp-i--"]) { font-size: 15px; line-height: 23px; }
@media (max-width: 767px) { .mp-benefits2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mp-benefits2 p:not([class*="mp-i--"]) { display: none; } }
.mp-bcard { display: flex !important; gap: 20px; align-items: flex-start; }
.mp-bcard > * { margin: 0 !important; }
.mp-bcard h3 { font: 500 24px/1.2 var(--mp-display); }
.mp-bcard p:not([class*="mp-i--"]) { margin-top: 8px !important; font-size: 16px; line-height: 26px; }

/* Balíčky */
.mp-pkg { padding: 12px !important; display: flex !important; flex-direction: column; }
.mp-pkg > * { margin: 0 !important; }
.mp-pkg__media { position: relative; }
.mp-pkg__media > * { margin: 0 !important; }
.mp-pkg__media img { width: 100%; height: clamp(180px, 15vw, 220px); object-fit: cover; display: block; border-radius: 24px; }
.mp-pkg__badge { position: absolute; left: 14px; top: 14px; height: 32px; padding: 0 14px; border-radius: 16px; background: rgba(255,255,255,.9); display: flex; align-items: center; font: 500 14px/1 var(--mp-display); color: var(--mp-pink); }
.mp-pkg__body { padding: 20px 16px 12px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.mp-pkg__body > * { margin: 0 !important; }
.mp-pkg__head { justify-content: space-between; align-items: baseline !important; gap: 12px; flex-wrap: nowrap !important; }
.mp-pkg__head > * { margin: 0 !important; }
.mp-pkg__head h3 { font: 600 26px/1.15 var(--mp-display); }
.mp-pkg__price { font: 600 24px/1 var(--mp-display) !important; color: var(--mp-pink); white-space: nowrap; }
.mp-pkg .is-style-mp-check { font-size: 15px; line-height: 22px; gap: 8px; }
.mp-pkg .wp-block-buttons { margin-top: auto !important; padding-top: 8px; }

/* Tím – lekári */
.mp-doc > * { margin: 0 !important; }
.mp-doc .wp-block-image img { width: 100%; height: clamp(280px, 23vw, 330px); object-fit: cover; object-position: center 25%; border-radius: 32px; display: block; background: var(--mp-magenta-100); }
.mp-doc__card { position: relative; margin-top: -36px !important; border-radius: 32px; background: #fff; box-shadow: 0 6px 35px rgba(0,0,0,.06); padding: 24px 28px; display: flex; flex-direction: column; gap: 6px; }
.mp-doc__card > * { margin: 0 !important; }
.mp-doc__first { font: 500 19px/1 var(--mp-display); color: var(--mp-pink); }
.mp-doc__last { font: 600 24px/1.15 var(--mp-display); color: var(--mp-blue); }
.mp-doc__role { font: 400 13px/1.35 var(--mp-display); letter-spacing: .02em; text-transform: uppercase; color: var(--mp-blue); }
.mp-stats { gap: 24px !important; margin-top: clamp(32px, 4vw, 56px) !important; }
.mp-stat { border-radius: 24px; background: #fff; box-shadow: var(--mp-shadow); padding: 24px 32px; min-width: 280px; }
.mp-stat > * { margin: 0 !important; }
.mp-stat__num { display: flex; align-items: center; gap: 6px; font: 600 42px/1 var(--mp-display) !important; color: var(--mp-blue); }
.mp-stat__label { font: 400 18px/1.3 var(--mp-display); margin-top: 6px !important; }
@media (max-width: 767px) { .mp-stat { min-width: 0; flex: 1 1 140px; } }

/* Technológie */
.mp-tech-mini { padding: 20px !important; border-radius: 24px !important; }
.mp-tech-mini .wp-block-image { height: 110px; display: flex; align-items: center; justify-content: center; }
.mp-tech-mini .wp-block-image img { max-height: 110px; width: auto; object-fit: contain; }
.mp-tech-mini__name { font: 600 18px/1.2 var(--mp-display); margin-top: 14px !important; }
.mp-tech-mini__kind { font-size: 14px; line-height: 20px; color: var(--mp-muted); margin-top: 2px !important; }
.mp-techlist { list-style: none; padding: 0 !important; margin: 24px 0 0; }
.mp-techlist li { padding: 14px 0; border-bottom: 1px solid var(--mp-line-inv); display: flex; gap: 12px; font-size: 16px; line-height: 24px; color: #fff; }
.mp-techlist li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 2px; background: var(--mp-bright); -webkit-mask: url(../icons/check.svg) center / contain no-repeat; mask: url(../icons/check.svg) center / contain no-repeat; }
.mp-techcards { display: flex; flex-direction: column; gap: 16px; }
.mp-techcards > * { margin: 0 !important; }
.mp-techcard { border-radius: 24px; background: rgba(255,255,255,.06); overflow: hidden; display: grid !important; grid-template-columns: 180px minmax(0, 1fr); }
.mp-techcard > * { margin: 0 !important; }
.mp-techcard .wp-block-image { background: #fff; display: flex; align-items: center; justify-content: center; padding: 16px; }
.mp-techcard .wp-block-image img { max-height: 150px; width: auto; object-fit: contain; }
.mp-techcard__body { padding: clamp(20px, 2vw, 28px); }
.mp-techcard__body > * { margin: 0 !important; }
.mp-techcard__body h3 { font: 500 21px/1.25 var(--mp-display); color: #fff; }
.mp-techcard__body p { margin-top: 10px !important; font-size: 15px; line-height: 24px; color: rgba(255,255,255,.85); }
@media (max-width: 767px) { .mp-techcard { grid-template-columns: minmax(0, 1fr); } .mp-techcard .wp-block-image { min-height: 160px; } }

/* ---------- Pruh s telefónom, modrý pás ---------- */
.mp-phonecta { gap: 20px; padding: 24px 28px; border-radius: 24px; background: var(--mp-ice); }
.mp-phonecta > * { margin: 0 !important; }
.mp-phonecta__text { flex: 1 1 220px; }
.mp-phonecta__text > * { margin: 0 !important; font-size: 15px; line-height: 22px; }
.mp-phonecta__title { font: 500 21px/1.25 var(--mp-display) !important; color: var(--mp-blue); margin-bottom: 4px !important; }
.mp-band { background: var(--mp-blue); border-radius: 32px; padding: clamp(28px, 3vw, 40px) clamp(24px, 4vw, 56px); gap: 24px; }
.mp-band > * { margin: 0 !important; }
.mp-band h2 { color: #fff; font-size: clamp(28px, 2.8vw, 36px); }
.mp-band p { color: rgba(255,255,255,.9); font-size: 17px; line-height: 26px; margin-top: 8px !important; }
.mp-band .wp-block-buttons { gap: 12px; }
@media (max-width: 767px) { .mp-band .wp-block-buttons, .mp-band .wp-block-button, .mp-band .wp-block-button__link { width: 100%; } }

/* ---------- FAQ – akordeón s deliacimi čiarami ---------- */
.mp-faq { display: flex; flex-direction: column; border-top: 1px solid var(--mp-line); }
.mp-faq > * { margin: 0 !important; }
.mp-faq > h2, .mp-faq > .mp-faq__title { order: -1; font: 500 clamp(28px, 2.8vw, 36px)/1.1 var(--mp-display); padding-bottom: 24px; border-bottom: 1px solid var(--mp-line); margin-top: 0 !important; }
.mp-faq:has(> h2) { border-top: 0; }
.wp-block-details.is-style-mp-faq { background: none; border: 0; border-bottom: 1px solid var(--mp-line); border-radius: 0; }
.is-style-mp-faq summary { list-style: none; cursor: pointer; padding: 20px 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; font: 500 17px/26px var(--mp-body); color: var(--mp-blue); }
.is-style-mp-faq[open] summary { font-weight: 700; }
.is-style-mp-faq summary::-webkit-details-marker { display: none; }
.is-style-mp-faq summary::after { content: ""; flex: none; width: 24px; height: 24px; background: url(../icons/c/chevron-down-blue.svg) center / 24px no-repeat; transition: transform 200ms ease; }
.is-style-mp-faq[open] summary::after { transform: rotate(180deg); }
.is-style-mp-faq > :not(summary) { margin: 0 44px 22px 0 !important; font-size: 16px; line-height: 26px; color: var(--mp-blue); }
.mp-inv .mp-faq, .mp-inv .wp-block-details.is-style-mp-faq { border-color: var(--mp-line-inv); }
.mp-inv .is-style-mp-faq summary, .mp-inv .is-style-mp-faq > :not(summary) { color: #fff; }

/* FAQ stránka – kategórie (lišta vľavo vytvorená skriptom) */
.mp-faqlayout { display: flex; gap: 31px; align-items: flex-start; }
.mp-faqlayout > * { margin: 0 !important; }
.mp-faqlayout > .mp-faqtabs { flex: 1; min-width: 0; }
.mp-faqlayout > .mp-aside { flex: 0 0 320px; }
.mp-faqrail { flex: 0 0 320px; display: flex; flex-direction: column; gap: 8px; position: sticky; top: 110px; }
.mp-faqrail button { all: unset; box-sizing: border-box; cursor: pointer; width: 250px; min-height: 48px; border-radius: 53px; background: var(--mp-pink-soft); padding: 12px 16px 12px 20px; font: 400 18px/24px var(--mp-display); color: var(--mp-blue); }
.mp-faqrail button[aria-selected="true"] { position: relative; width: 250px; height: 56px; border-radius: 30px 4px 4px 30px; background: var(--mp-pink); color: #fff; font-weight: 600; font-size: 20px; display: flex; align-items: center; filter: drop-shadow(0 0 16px rgba(9,15,92,.16)); }
.mp-faqrail button[aria-selected="true"]::after { content: ""; position: absolute; left: 249px; top: 0; width: 36px; height: 56px; background: var(--mp-pink); clip-path: path('M 0 0 L 6.223 0 C 11.133 0 15.771 2.254 18.805 6.115 L 32.117 23.057 C 34.396 25.958 34.396 30.042 32.117 32.943 L 18.805 49.885 C 15.771 53.746 11.133 56 6.223 56 L 0 56 L 0 0 Z'); }
.mp-faqtabs.is-tabbed > .mp-faqtab:not(.is-active) { display: none; }
.mp-faqtabs.is-tabbed .mp-faqtab__title { display: none; }
.mp-faqtab > * { margin: 0 !important; }
.mp-faqtab__title { font: 500 26px/1.2 var(--mp-display); margin: 32px 0 16px !important; }
@media (max-width: 1023px) {
	.mp-faqlayout { flex-direction: column; gap: 20px; }
	.mp-faqlayout > .mp-aside { flex: none; width: 100%; }
	.mp-faqrail { position: static; flex-direction: row; overflow-x: auto; width: 100%; padding-bottom: 4px; scrollbar-width: none; flex: none; }
	.mp-faqrail button, .mp-faqrail button[aria-selected="true"] { flex: none; width: auto; height: auto; min-height: 44px; padding: 0 18px; border-radius: 22px; font: 500 16px/1 var(--mp-display); display: flex; align-items: center; white-space: nowrap; filter: none; }
	.mp-faqrail button[aria-selected="true"]::after { display: none; }
}

/* ---------- Zoznamy ---------- */
.is-style-mp-check, .is-style-mp-dot, .is-style-mp-alert { list-style: none; padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
.is-style-mp-check li, .is-style-mp-dot li, .is-style-mp-alert li { display: flex; gap: 12px; margin: 0; }
.is-style-mp-check li::before, .is-style-mp-alert li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: .15em; background: var(--mp-bright); -webkit-mask: url(../icons/check.svg) center / contain no-repeat; mask: url(../icons/check.svg) center / contain no-repeat; }
.is-style-mp-alert li::before { background: var(--mp-pink); -webkit-mask-image: url(../icons/circle-alert.svg); mask-image: url(../icons/circle-alert.svg); }
.mp-check--green li::before { background: var(--mp-green); }
.is-style-mp-dot li::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--mp-pink); margin: .6em 6px 0; }
.mp-inv .is-style-mp-check li { color: #fff; }

/* ---------- Cenník ---------- */
.wp-block-table.is-style-mp-price { margin: 0; }
.is-style-mp-price table { width: 100%; border-collapse: separate; border-spacing: 0; border: 0; border-radius: 24px; overflow: hidden; background: var(--mp-ice); font-size: 16px; line-height: 1.4; color: var(--mp-blue); }
.is-style-mp-price td { border: 0; border-top: 1px solid var(--mp-line); padding: 14px 0; vertical-align: top; }
.is-style-mp-price td:first-child { padding-left: clamp(18px, 2vw, 28px); }
.is-style-mp-price td:last-child { padding-right: clamp(18px, 2vw, 28px); text-align: right; white-space: nowrap; font-weight: 700; }
.is-style-mp-price tr:first-child td { border-top: 0; }
.mp-note { font-size: 13px; line-height: 19px; color: var(--mp-muted); margin-top: 10px !important; }
.mp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px !important; }
.mp-chips a { padding: 10px 18px; border-radius: 999px; background: var(--mp-pink-soft); font: 500 16px/1 var(--mp-display); color: var(--mp-blue); text-decoration: none; }
.mp-chips a:hover { background: var(--mp-pink); color: #fff; text-decoration: none; }
.mp-pricegroups { display: flex; flex-direction: column; gap: 40px; }
.mp-pricegroups > * { margin: 0 !important; }
.mp-pricegroups h2 { font-size: clamp(24px, 2.4vw, 30px); margin-bottom: 16px !important; }

/* ---------- Služba (detail) ---------- */
.mp-svchero { padding-top: clamp(16px, 2vw, 24px); padding-bottom: clamp(40px, 5.5vw, 80px); }
.mp-svchero > * { margin-block-start: 0; }
.mp-svchero .wp-block-columns { margin-top: clamp(18px, 2vw, 28px) !important; gap: clamp(28px, 4.4vw, 64px); }
.mp-svchero__text > * { margin: 0 !important; }
.mp-svchero__text > * + * { margin-top: 24px !important; }
.mp-svchero h1 { font: 500 clamp(34px, 4vw, 54px)/1.08 var(--mp-display) !important; }
.mp-svchero .mp-lead { line-height: clamp(26px, 2.2vw, 30px); }
.mp-svcpanel { padding-bottom: clamp(32px, 4vw, 56px); }
.mp-svcpanel .mp-notch--panel { min-height: 380px; padding: 88px 64px 56px; box-sizing: border-box; }
.mp-svcpanel .wp-block-columns { gap: clamp(20px, 4vw, 56px); }
.mp-svcpanel h2 { color: #fff; font-size: clamp(26px, 2.4vw, 32px); }
.mp-svcpanel p { color: rgba(255,255,255,.9); font-size: 17px; line-height: 28px; }
.mp-svcpanel .wp-block-column > * + * { margin-top: 16px !important; }
@media (max-width: 767px) { .mp-svcpanel .mp-notch--panel { min-height: 360px; padding: 72px 22px 28px; } }
.mp-svcbody { padding-bottom: clamp(40px, 5.5vw, 80px); }
.mp-svcmain { display: flex; flex-direction: column; gap: clamp(32px, 3.3vw, 48px); }
.mp-svcmain > * { margin: 0 !important; }
.mp-svccards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.mp-svccards--1 { grid-template-columns: minmax(0, 1fr); }
.mp-svccards > * { margin: 0 !important; }
.mp-svccards .mp-card > * + * { margin-top: 14px !important; }
.mp-svccards h2 { font: 500 26px/1.2 var(--mp-display); }
@media (max-width: 767px) { .mp-svccards { grid-template-columns: minmax(0, 1fr); } }
.mp-svcmain h2 { font-size: clamp(26px, 2.4vw, 32px); }
.mp-svcmain .mp-faq > h2 { font-size: clamp(28px, 2.8vw, 36px); }
#cennik > * + * { margin-top: 18px !important; }
#cennik > .mp-note { margin-top: 10px !important; }

/* ---------- Kontakt, objednanie ---------- */
.mp-ccard h3 { font-size: 21px; margin-top: 14px !important; }
.mp-ccard p { margin-top: 6px !important; font-size: 17px; }
.mp-ccard p a { font-weight: 600; color: var(--mp-pink); }
.mp-map iframe { width: 100%; height: 380px; border: 0; border-radius: 32px; display: block; }
.mp-callcard { padding: 32px !important; }
.mp-callcard h2 { color: #fff; font-size: 28px; margin-top: 18px !important; }
.mp-callcard .mp-bignum { margin: 8px 0 0 !important; font: 600 clamp(33px, 3.6vw, 44px)/1.05 var(--mp-display); }
.mp-callcard .mp-bignum a { color: #fff !important; text-decoration: none; }
.mp-callcard ol { margin: 22px 0 0 !important; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 16px; color: rgba(255,255,255,.85); }
.mp-callcard .wp-block-buttons { margin-top: 24px !important; }
.mp-warn-card { box-shadow: var(--mp-shadow), inset 0 0 0 1px var(--mp-pink-soft) !important; padding: 20px !important; display: flex !important; gap: 14px; align-items: flex-start; }
.mp-warn-card > * { margin: 0 !important; }
.mp-warn-card .mp-i--plain, .mp-warn-card .mp-i--plain::before { width: 24px; height: 24px; }
.mp-warn-card p { font-size: 15px; }
.mp-warn-card strong { color: var(--mp-blue); display: block; font-size: 16px; margin-bottom: 2px; }
.mp-stackcol { display: flex; flex-direction: column; gap: 20px; }
.mp-stackcol > * { margin: 0 !important; }

/* Formuláre */
.mp-formcard { padding: clamp(22px, 2.5vw, 32px) !important; }
.mp-form { display: flex; flex-direction: column; gap: 18px; margin-top: 20px; }
.mp-form__head h2 { font-size: 28px; }
.mp-form__head p { color: var(--mp-muted); margin-top: 6px; }
.mp-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 767px) { .mp-form__row { grid-template-columns: 1fr; } }
.mp-field { display: flex; flex-direction: column; gap: 6px; border: 0; padding: 0; margin: 0; min-width: 0; }
.mp-field__label { font: 600 14px/1.3 var(--mp-body); color: var(--mp-blue); padding: 0; }
.mp-form input[type=text], .mp-form input[type=tel], .mp-form input[type=email], .mp-form select, .mp-form textarea {
	width: 100%; box-sizing: border-box; height: 48px; padding: 0 16px; font: 400 16px/1.2 var(--mp-body); color: var(--mp-blue);
	background: #fff; border: 1px solid rgba(18,90,136,.3); border-radius: 16px; outline: none; transition: border-color .12s, box-shadow .12s;
}
.mp-form textarea { height: auto; padding: 12px 16px; line-height: 1.5; resize: vertical; }
.mp-form input:focus, .mp-form select:focus, .mp-form textarea:focus { border-color: var(--mp-pink); box-shadow: 0 0 0 3px rgba(226,20,106,.15); }
.mp-radios { display: flex; gap: 20px; flex-wrap: wrap; }
.mp-radio, .mp-check { display: flex; gap: 10px; align-items: center; cursor: pointer; font-size: 16px; color: var(--mp-blue); }
.mp-radio input, .mp-check input { width: 20px; height: 20px; margin: 0; accent-color: var(--mp-pink); }
.mp-form__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 18px; border-top: 1px solid var(--mp-line); }
.mp-form__foot a { font-size: 13px; color: var(--mp-muted); }
@media (max-width: 767px) { .mp-form__foot { flex-direction: column; align-items: stretch; } .mp-form__foot .mp-btn { width: 100%; } }
.mp-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mp-form-done { text-align: center; padding: 32px 0; }
.mp-form-done h2 { font-size: clamp(24px, 3vw, 30px); margin-top: 20px; }
.mp-form-done p { font-size: 17px; margin-top: 10px; }
.mp-form-err { background: #FDECEC; color: #8E1C1C; padding: 12px 16px; border-radius: 16px; margin-bottom: 16px; }

/* ---------- Magazín ---------- */
.mp-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; }
.mp-tab { min-height: 44px; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 22px; font: 500 16px/1 var(--mp-display); background: var(--mp-pink-soft); color: var(--mp-blue) !important; text-decoration: none !important; }
.mp-tab:hover { background: var(--mp-tile-h); }
.mp-tab.is-active { background: var(--mp-pink); color: #fff !important; }

/* ---------- Článok ---------- */
.mp-article__head h1 { font: 500 clamp(32px, 3.6vw, 48px)/1.12 var(--mp-display) !important; max-width: none; }
.mp-article__metarow { margin-top: 18px !important; gap: 16px; align-items: center; }
.mp-article__author { font-size: 14px; color: var(--mp-muted); margin: 0; }
.mp-article__img { margin: 0 !important; }
.mp-article__img img { width: 100%; height: clamp(240px, 40vw, 520px) !important; object-fit: cover; object-position: center 40%; border-radius: 32px; display: block; }
.mp-article__wrap { padding-top: clamp(28px, 4vw, 48px); padding-bottom: clamp(40px, 6vw, 72px); }
.mp-article__cols { gap: clamp(32px, 5vw, 64px) !important; }
.mp-article__body { max-width: 760px; }
.mp-article__body .wp-block-post-content { display: flex; flex-direction: column; gap: 18px; }
.mp-article__body .wp-block-post-content > * { margin: 0 !important; }
.mp-article__body p, .mp-article__body li { font-size: 17px; line-height: 1.7; }
.mp-article__body h2 { font-size: clamp(24px, 2.6vw, 32px); line-height: 1.2; margin-top: 28px !important; scroll-margin-top: 120px; }
.mp-article__body h3 { font-size: 21px; line-height: 1.3; margin-top: 8px !important; }
.mp-article__body .mp-lead { font: 400 clamp(19px, 2vw, 22px)/1.55 var(--mp-display); color: var(--mp-blue); }
.mp-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.mp-facts > * { margin: 0 !important; background: var(--mp-ice); border-radius: 24px; padding: 20px; }
.mp-facts .mp-fact__t { font: 600 17px/1.3 var(--mp-display) !important; margin: 0 !important; }
.mp-facts p { font-size: 15px !important; margin-top: 6px !important; line-height: 1.5 !important; }
.mp-steps, .mp-num { list-style: none; padding: 0 !important; display: flex; flex-direction: column; gap: 16px; counter-reset: mpstep; }
.mp-steps > li { position: relative; padding-left: 60px; min-height: 44px; counter-increment: mpstep; margin: 0; }
.mp-steps > li::before { content: counter(mpstep); position: absolute; left: 0; top: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--mp-navy); color: #fff; display: flex; align-items: center; justify-content: center; font: 600 20px/1 var(--mp-display); }
.mp-steps > li > strong { display: block; padding-top: 9px; font: 600 19px/1.3 var(--mp-display); }
.mp-steps ul { margin: 8px 0 0 !important; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; list-style: disc; }
.mp-steps ul li { font-size: 16px !important; }
.mp-num { gap: 12px; }
.mp-num > li { position: relative; padding: 16px 18px 16px 72px; min-height: 72px; box-sizing: border-box; border-radius: 24px; background: #fff; box-shadow: var(--mp-shadow); counter-increment: mpstep; margin: 0; font-size: 16px !important; line-height: 1.6 !important; }
.mp-num > li::before { content: counter(mpstep); position: absolute; left: 18px; top: 16px; width: 40px; height: 40px; border-radius: 50%; background: var(--mp-pink-soft); color: var(--mp-pink); display: flex; align-items: center; justify-content: center; font: 600 18px/1 var(--mp-display); }
.mp-num > li > strong { display: block; font: 600 19px/1.3 var(--mp-display); padding-top: 2px; margin-bottom: 4px; }
.mp-note-box { background: var(--mp-ice); border-radius: 24px; padding: 20px 24px 20px 60px; position: relative; font-weight: 600; }
.mp-note-box::before { content: ""; position: absolute; left: 24px; top: 23px; width: 22px; height: 22px; background: var(--mp-pink); -webkit-mask: url(../icons/stethoscope.svg) center / contain no-repeat; mask: url(../icons/stethoscope.svg) center / contain no-repeat; }
.mp-warn { background: var(--mp-blush); border-radius: 24px; padding: 20px 24px; gap: 14px !important; align-items: center !important; }
.mp-warn > * { margin: 0 !important; }
.mp-warn > p { flex: 1 1 280px; padding-left: 36px; position: relative; }
.mp-warn > p::before { content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; background: var(--mp-pink); -webkit-mask: url(../icons/siren.svg) center / contain no-repeat; mask: url(../icons/siren.svg) center / contain no-repeat; }
.mp-myths { display: flex; flex-direction: column; gap: 12px; }
.mp-myths > * { margin: 0 !important; }
.mp-myth { border-radius: 24px; padding: 20px 24px; background: #fff; box-shadow: var(--mp-shadow); }
.mp-myth > * { margin: 0 !important; }
.mp-myth__q { font: 600 19px/1.35 var(--mp-display) !important; }
.mp-myth__q::before { content: "Mýtus"; display: inline-block; margin-right: 10px; font: 700 12px/1 var(--mp-body); letter-spacing: .08em; text-transform: uppercase; color: var(--mp-pink); vertical-align: 2px; }
.mp-myth p:not(.mp-myth__q) { font-size: 16px !important; margin-top: 8px !important; }
.mp-sources { margin-top: 16px !important; padding-top: 16px; border-top: 1px solid var(--mp-line); }
.mp-sources > * { margin: 0 !important; }
.mp-sources .mp-eyebrow { color: var(--mp-muted); margin-bottom: 8px !important; }
.mp-sources ol { padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.mp-sources li { font-size: 14px !important; color: var(--mp-muted); line-height: 1.5 !important; }
.mp-quote { margin: 8px 0 !important; padding: clamp(22px, 3vw, 28px) clamp(20px, 3vw, 32px); background: var(--mp-blush); border-radius: 24px; border: 0; }
.mp-quote::before { content: ""; display: block; width: 28px; height: 28px; background: var(--mp-pink); -webkit-mask: url(../icons/quote.svg) center / contain no-repeat; mask: url(../icons/quote.svg) center / contain no-repeat; }
.mp-quote p { font: 400 clamp(18px, 2vw, 21px)/1.55 var(--mp-display) !important; margin-top: 10px !important; }
.mp-quote cite { display: block; margin-top: 14px; font-size: 15px; font-weight: 600; font-style: normal; }
.mp-breeds { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; counter-reset: mpbreed; }
.mp-breeds > * { margin: 0 !important; border-radius: 24px; padding: 20px 22px; background: #fff; box-shadow: var(--mp-shadow); counter-increment: mpbreed; }
.mp-breeds h3 { font-size: 18px !important; line-height: 1.3; margin: 0 !important; }
.mp-breeds h3::before { content: counter(mpbreed) "."; font: 600 22px/1 var(--mp-display); color: var(--mp-pink); margin-right: 10px; }
.mp-breeds p { font-size: 15px !important; margin-top: 6px !important; line-height: 1.5 !important; }
.mp-toc { background: var(--mp-ice); box-shadow: none; border-radius: 24px; padding: 24px; }
.mp-toc nav { display: flex; flex-direction: column; margin-top: 12px; }
.mp-toc a { padding: 8px 0; font-size: 14px; line-height: 1.35; color: var(--mp-blue); border-top: 1px solid var(--mp-line); text-decoration: none; }
.mp-toc a:hover { color: var(--mp-pink); }
.mp-svclink { display: block; padding: 22px !important; text-decoration: none !important; }
.mp-svclink__row { display: flex; gap: 12px; align-items: center; margin-top: 12px; }
.mp-svclink__title { font: 500 19px/1.2 var(--mp-display); color: var(--mp-blue); }
.mp-svclink__more { font-size: 14px; color: var(--mp-pink); font-weight: 600; margin-top: 2px; }
@media (max-width: 781px) { .mp-aside .mp-toc { display: none; } }

/* ---------- Editor ---------- */
.editor-styles-wrapper .mp-header { position: relative; }
.editor-styles-wrapper .mp-mega { position: static; display: grid; margin: 16px 0; }
.editor-styles-wrapper .mp-faqtabs .mp-faqtab__title { display: block; }

/* ---------- Zoznam ikon (Lucide, MIT) – trieda mp-ico--názov ---------- */
.mp-ico--activity{--i:url(../icons/activity.svg)}
.mp-ico--arrow-right{--i:url(../icons/arrow-right.svg)}
.mp-ico--arrow-up-right{--i:url(../icons/arrow-up-right.svg)}
.mp-ico--award{--i:url(../icons/award.svg)}
.mp-ico--baby{--i:url(../icons/baby.svg)}
.mp-ico--baseline{--i:url(../icons/baseline.svg)}
.mp-ico--bed{--i:url(../icons/bed.svg)}
.mp-ico--book-open{--i:url(../icons/book-open.svg)}
.mp-ico--calendar{--i:url(../icons/calendar.svg)}
.mp-ico--car{--i:url(../icons/car.svg)}
.mp-ico--cat{--i:url(../icons/cat.svg)}
.mp-ico--check{--i:url(../icons/check.svg)}
.mp-ico--chevron-down{--i:url(../icons/chevron-down.svg)}
.mp-ico--chevron-right{--i:url(../icons/chevron-right.svg)}
.mp-ico--chevron-up{--i:url(../icons/chevron-up.svg)}
.mp-ico--circle-alert{--i:url(../icons/circle-alert.svg)}
.mp-ico--clock{--i:url(../icons/clock.svg)}
.mp-ico--contact{--i:url(../icons/contact.svg)}
.mp-ico--cpu{--i:url(../icons/cpu.svg)}
.mp-ico--dog{--i:url(../icons/dog.svg)}
.mp-ico--eye{--i:url(../icons/eye.svg)}
.mp-ico--facebook{--i:url(../icons/facebook.svg)}
.mp-ico--file-text{--i:url(../icons/file-text.svg)}
.mp-ico--ghost{--i:url(../icons/ghost.svg)}
.mp-ico--hand-heart{--i:url(../icons/hand-heart.svg)}
.mp-ico--heart-handshake{--i:url(../icons/heart-handshake.svg)}
.mp-ico--heart{--i:url(../icons/heart.svg)}
.mp-ico--image{--i:url(../icons/image.svg)}
.mp-ico--info{--i:url(../icons/info.svg)}
.mp-ico--instagram{--i:url(../icons/instagram.svg)}
.mp-ico--link{--i:url(../icons/link.svg)}
.mp-ico--mail{--i:url(../icons/mail.svg)}
.mp-ico--map-pin{--i:url(../icons/map-pin.svg)}
.mp-ico--menu{--i:url(../icons/menu.svg)}
.mp-ico--microscope{--i:url(../icons/microscope.svg)}
.mp-ico--minus{--i:url(../icons/minus.svg)}
.mp-ico--option{--i:url(../icons/option.svg)}
.mp-ico--paw-print{--i:url(../icons/paw-print.svg)}
.mp-ico--phone-call{--i:url(../icons/phone-call.svg)}
.mp-ico--phone{--i:url(../icons/phone.svg)}
.mp-ico--pill{--i:url(../icons/pill.svg)}
.mp-ico--plus{--i:url(../icons/plus.svg)}
.mp-ico--pointer{--i:url(../icons/pointer.svg)}
.mp-ico--quote{--i:url(../icons/quote.svg)}
.mp-ico--radio{--i:url(../icons/radio.svg)}
.mp-ico--scan-line{--i:url(../icons/scan-line.svg)}
.mp-ico--scan-search{--i:url(../icons/scan-search.svg)}
.mp-ico--scissors{--i:url(../icons/scissors.svg)}
.mp-ico--section{--i:url(../icons/section.svg)}
.mp-ico--send{--i:url(../icons/send.svg)}
.mp-ico--siren{--i:url(../icons/siren.svg)}
.mp-ico--smile{--i:url(../icons/smile.svg)}
.mp-ico--stethoscope{--i:url(../icons/stethoscope.svg)}
.mp-ico--syringe{--i:url(../icons/syringe.svg)}
.mp-ico--tag{--i:url(../icons/tag.svg)}
.mp-ico--text{--i:url(../icons/text.svg)}
.mp-ico--underline{--i:url(../icons/underline.svg)}
.mp-ico--x{--i:url(../icons/x.svg)}

/* ---------- Doplnky v2 ---------- */
.mp-center-btn { justify-content: center; }
.mp-center-btn .wp-block-button__link { width: clamp(280px, 30vw, 360px); }
@media (max-width: 767px) { .mp-center-btn, .mp-center-btn .wp-block-button, .mp-center-btn .wp-block-button__link { width: 100%; } }
.mp-navy-band--mb { margin-bottom: var(--mp-sec); }
.mp-navy-band .mp-aside { top: 120px; }
.mp-iceinfo { display: flex; flex-direction: column; gap: 12px; }
.mp-iceinfo > * { margin: 0 !important; }
.mp-iceinfo p:not([class*="mp-i--"]) { font-size: 16px; line-height: 26px; }
.mp-howcard > * { margin: 0 !important; }
.mp-howcard > p { margin-top: 14px !important; font-size: 17px; line-height: 28px; max-width: 920px; }
.mp-howcard > .wp-block-buttons { margin-top: 26px !important; }
.mp-howcard .wp-block-button__link { min-width: 240px; }
.mp-grid--2 > .mp-card { display: flex; flex-direction: column; gap: 12px; }
.mp-grid--2 > .mp-card > * { margin: 0 !important; }
.mp-grid--2 > .mp-card p { font-size: 16px; line-height: 26px; }
.mp-ccard { display: flex; flex-direction: column; }
.mp-nav .is-menu-open .mp-nav__all > .wp-block-navigation-item__content { font: 500 18px/1.2 var(--mp-display) !important; color: var(--mp-pink) !important; }
.mp-hoursdetails { margin: 0; }
.mp-svchero__text .wp-block-buttons { gap: 16px; }
@media (max-width: 767px) { .mp-svchero__text .wp-block-buttons > :first-child { display: none; } .mp-svchero__text .wp-block-buttons, .mp-svchero__text .wp-block-button, .mp-svchero__text .wp-block-button__link { width: 100%; } }
.mp-svcbody .mp-aside { top: 110px; }
.mp-hero2__content > .mp-badge { align-self: flex-start; height: 30px; padding: 0 14px; font: 500 14px/1 var(--mp-display); }
@media (max-width: 767px) {
	.mp-notch--about { --nw: 120px; --nd: 64px; }
	.mp-notch--svc { --nw: 96px; --nd: 60px; }
	.mp-navy-band .mp-grid--tiles > :nth-child(n+7) { display: none; }
}
@media (max-width: 1023px) {
	/* Hero na mobile: text, potom fotka (ako v návrhu). */
	.mp-hero2__box { display: flex; flex-direction: column; }
	.mp-hero2__crumbs { order: 0; }
	.mp-hero2__content { order: 1; }
	.mp-hero2__photo { order: 2; }
}
/* Mobilné menu: modré položky, služby zbalené (rozbalí ich ťuknutie na „Služby“). */
.mp-nav .is-menu-open .wp-block-navigation-item__content { color: var(--mp-blue) !important; }
.mp-nav .is-menu-open .mp-nav__er > .wp-block-navigation-item__content, .mp-nav .is-menu-open .is-current > .wp-block-navigation-item__content { color: var(--mp-pink) !important; }
.mp-nav .is-menu-open .mp-nav__svc > .wp-block-navigation__submenu-container { display: none !important; }
.mp-nav .is-menu-open .mp-nav__svc.is-open > .wp-block-navigation__submenu-container { display: flex !important; }
.mp-nav .is-menu-open .mp-nav__svc > .wp-block-navigation-item__content { justify-content: space-between; }
.mp-nav .is-menu-open .mp-nav__svc > .wp-block-navigation-item__content::after { content: ""; width: 22px; height: 22px; background: url(../icons/c/chevron-down-blue.svg) center / 22px no-repeat; transition: transform 200ms ease; }
.mp-nav .is-menu-open .mp-nav__svc.is-open > .wp-block-navigation-item__content::after { transform: rotate(180deg); }

/* SEO doplnky: autor článku, články k službe, cesta na kliniku */
.mp-article__author a { color: inherit; font-weight: 700; text-decoration: none; border-bottom: 1px solid currentColor; }
.mp-svcposts h2 { margin: 0 0 24px; }
.mp-svcposts .mp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) { .mp-svcposts .mp-grid--2 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 599px) { .mp-grid.mp-grid--dir { grid-template-columns: minmax(0, 1fr); } }

/* Ikona služby vo výreze rohu: kruh pevnej veľkosti vycentrovaný vo výreze (nie roztiahnutý na celý výrez). */
.mp-notch__label[class*="mp-i--disc"] { --ds: clamp(52px, 5vw, 72px); width: var(--ds) !important; height: var(--ds) !important; left: calc((var(--nw) - var(--ds)) / 2); top: calc((var(--nd) - var(--ds)) / 2); padding: 0 !important; aspect-ratio: 1; flex: none; }
.mp-notch--tr .mp-notch__label[class*="mp-i--disc"] { left: auto; right: calc((var(--nw) - var(--ds)) / 2); }

/* ===== Zosúladenie s návrhom v2 (merania návrh vs. web, október 2026) ===== */

/* O nás: benefity – ikona vedľa textu (nie nad ním) */
.mp-grid--2 > .mp-bcard { flex-direction: row; gap: 20px; }
/* O nás: tmavý pás Technológie má odstup od počítadiel */
.mp-main .wp-block-post-content > .mp-navy-band--mb { margin-block-start: var(--mp-sec); }
/* Počítadlá: biele „+“ v ružovom krúžku */

/* Úvod: nadpis nad dlaždicami služieb je menší (32 px) */
.mp-section:has(.mp-grid--tiles) > .mp-sechead .mp-title { font-size: clamp(23px, 2.3vw, 32px) !important; line-height: 1.1 !important; }
/* Tmavý pás služieb: odstup nadpis – dlaždice – tlačidlo */
.mp-navy-band > .mp-grid, .mp-navy-band > .mp-center-btn { margin-block-start: clamp(28px, 3.9vw, 56px) !important; }

/* Benefity: väčší odstup pod nadpisom */
h2.mp-mb-32:has(+ .mp-benefits2) { margin-bottom: clamp(28px, 3.9vw, 56px) !important; }

/* Výzva „Objednajte sa ešte dnes“: na mobile 20 px */
.mp-band h2 { font-size: clamp(20px, 2.5vw, 36px); }

/* Služba: nadpisy v kartách 26 px */
.mp-svcmain .mp-svccards h2 { font: 500 26px/1.2 var(--mp-display); }
.mp-svccards li { line-height: 24px; }

/* Cenník: kotvy kategórií a nadpisy skupín */
.mp-chips a { padding: 8px 14px; background: #fff; border: 1px solid var(--mp-line); font: 600 14px/21px var(--mp-body); }
.mp-chips a:hover { border-color: var(--mp-pink); }
.mp-pricegroups h2 { font-size: 26px; line-height: 1.25; margin-bottom: 14px !important; }
.is-style-mp-price td:last-child, .wp-block-table.is-style-mp-price td:last-child { width: 1%; white-space: nowrap; padding-left: 16px; }

/* Balíčky: informačné karty */
.mp-card--ice.mp-iceinfo { padding: clamp(22px, 2.3vw, 32px); }

/* Kontakt: karty s ikonou bez kruhu, formulár */
.mp-ccard { padding: 24px !important; border-radius: 24px !important; border: 1px solid var(--mp-line); }
.mp-ccard > .mp-i--disc-64 { width: 26px; height: 26px; background: none; color: var(--mp-pink); }
.mp-ccard > .mp-i--disc-64::before { width: 26px; height: 26px; }
.mp-ccard h3 { font-size: 20px; line-height: 25px; margin-top: 20px !important; }
.mp-ccard p { margin-top: 6px !important; line-height: 25.5px; }
.mp-formcard { border-radius: 24px !important; border: 1px solid var(--mp-line); }
.mp-formcard h2, .mp-formcard h2.mp-h-32, .mp-formcard .mp-form__head h2 { font-size: 28px !important; line-height: 1.25 !important; }
.mp-form input[type=text], .mp-form input[type=tel], .mp-form input[type=email], .mp-form select { height: 44px; padding: 0 14px; border-radius: 8px; }
.mp-form textarea { padding: 12px 14px; border-radius: 8px; }

/* Objednanie: karta s telefónom a upozornenie */
.mp-callcard { background: var(--mp-navy-2) !important; border-radius: 24px !important; }
.mp-callcard h2 { line-height: 1.25; }
.mp-callcard .mp-bignum { font-weight: 500; }
.mp-callcard ol { color: var(--mp-blue-100); line-height: 24px; }
.mp-warn-card { border-radius: 24px !important; box-shadow: var(--mp-shadow), inset 0 0 0 1px #F9B6CF !important; }
.mp-warn-card .wp-block-button.is-style-mp-ghost .wp-block-button__link { font: 600 14px/1 var(--mp-body); min-height: 36px; }

/* Pohotovosť: karty s väčším vnútorným okrajom */
.mp-hero2--er ~ .mp-section .mp-grid--2 > .mp-card { padding: clamp(22px, 2.5vw, 36px); }

/* Magazín: karty článkov */
.mp-pcard { padding: 0 !important; border-radius: 24px !important; border: 1px solid var(--mp-line); overflow: hidden; }
.mp-pcard__media img, .mp-pcard .wp-block-post-featured-image img { border-radius: 0 !important; height: 200px; }
.mp-pcard__body { padding: 24px !important; gap: 12px; }
.mp-pcard .mp-meta { font-size: 14px; line-height: 21px; }
.mp-pcard .mp-meta__cat a, .mp-pcard .mp-meta__cat.mp-badge { height: 24px; padding: 0 10px; background: var(--mp-blush); color: var(--mp-deep) !important; font: 600 13px/1 var(--mp-body); }
.mp-pcard__title, .mp-pcard .wp-block-post-title { font-size: 20px !important; line-height: 25px !important; }
.mp-pcard__text, .mp-pcard .wp-block-post-excerpt__excerpt { font-size: 15px; line-height: 22.5px; }
.mp-pcard .mp-more { font: 600 15px/1 var(--mp-body); color: var(--mp-pink) !important; gap: 8px; }
.mp-pcard .mp-more::after { width: 16px; height: 16px; border-radius: 0; background: var(--mp-pink); -webkit-mask: url(../icons/arrow-right.svg) center / contain no-repeat; mask: url(../icons/arrow-right.svg) center / contain no-repeat; }
.mp-post-featured .mp-pcard { gap: 0; }
@media (min-width: 768px) { .mp-post-featured .mp-pcard .wp-block-post-featured-image img { height: 400px; } }
@media (max-width: 767px) { .mp-post-featured .mp-pcard .wp-block-post-featured-image img { height: 220px; } }
.mp-post-featured .mp-pcard__body { padding: clamp(24px, 2.8vw, 40px) !important; justify-content: flex-start; }
.mp-post-featured .mp-pcard .wp-block-post-title { font-size: clamp(24px, 2.1vw, 30px) !important; line-height: 1.25 !important; }
.mp-post-featured .mp-pcard .wp-block-post-excerpt__excerpt { font-size: 17px; line-height: 25.5px; }
.mp-post-featured .mp-pcard .mp-more { margin-top: auto !important; }
.mp-tab { min-height: 34px; padding: 0 16px; border-radius: 999px; font: 600 14px/1 var(--mp-body); background: #fff; border: 1px solid var(--mp-line); }
.mp-tab:hover { background: var(--mp-ice); }
.mp-tab.is-active { background: var(--mp-navy-2); border-color: var(--mp-navy-2); }

/* Článok: šírka textu a typografia */
.mp-article__body { max-width: 692px; }
.mp-article__body p, .mp-article__body li { font-size: 18px; line-height: 1.7; }
.mp-article__body .wp-block-post-content > h2 { font-size: clamp(24px, 2.1vw, 30px); line-height: 1.25; margin-top: 28px !important; }
.mp-article__body .wp-block-post-content > h3 { font-size: 20px; line-height: 1.3; margin-top: 8px !important; }
.mp-article__body .wp-block-post-content > ul li, .mp-article__body .wp-block-post-content > ol li { font-size: 18px; line-height: 1.7; }
.single-post .mp-bg-soft > .mp-sechead h2 { font-size: clamp(26px, 2.3vw, 32px); line-height: 1.1; }

/* Pätička: riadkovanie odkazov */
.mp-footer__links li { display: flex; line-height: 1.2; }

/* Nadpisy: mierne zúžené písmo ako v návrhu (-0.02em) */
h1, h2, h3, h4 { letter-spacing: -0.02em; }

/* Ikony v kruhu: na mobile 70 % veľkosti (ako v návrhu) */
@media (max-width: 767px) {
	.mp-i--disc-88 { width: 62px; height: 62px; }
	.mp-i--disc-88::before { width: 28px; height: 28px; }
	.mp-i--disc-64 { width: 45px; height: 45px; }
	.mp-i--disc-64::before { width: 20px; height: 20px; }
}

/* Cenník: odstup ceny od názvu a vnútorný okraj tabuľky */
.is-style-mp-price td:last-child { padding-left: 24px !important; }
.is-style-mp-price tr:first-child td { padding-top: calc(14px + clamp(4px, .6vw, 8px)) !important; }
.is-style-mp-price tr:last-child td { padding-bottom: calc(14px + clamp(4px, .6vw, 8px)) !important; }

/* Odstup obsahu pod hlavičkou stránky (Kontakt, Cenník, Objednanie, Magazín) */
.mp-pagehead + .mp-section--pt-0:has(.mp-ccard),
.mp-pagehead + .mp-section--pt-0:has(.mp-pricegroups) { padding-top: clamp(34px, 3.9vw, 56px); }
.mp-pagehead + .mp-section--pt-0:has(.mp-callcard) { padding-top: clamp(29px, 3.35vw, 48px); }
.mp-section--top-sm { padding-top: clamp(24px, 2.8vw, 40px); }
.mp-section--top-sm > .mp-tabs { margin-bottom: 28px; }

/* Karty s fotkou: bez medzery medzi fotkou a textom */
.mp-pcard > * + *, .mp-scard > * + *, .mp-pkg > * + * { margin-block-start: 0 !important; }
.mp-pcard .wp-block-post-featured-image, .mp-pcard__media { margin: 0 !important; }
/* Formulár na začiatku karty bez horného okraja */
.mp-formcard > .mp-form:first-child, .mp-formcard > form:first-child { margin-top: 0; }
/* Naše služby: odstup pod zoznamom služieb */
.mp-pagehead + .mp-section--pt-0:has(.mp-scard) { padding-bottom: clamp(24px, 2.8vw, 40px); }
/* Formulár: hlavička bez extra okrajov, nadpis „Zviera“ len pre čítačky (ako v návrhu) */
.mp-form__head > * { margin: 0 !important; }
.mp-form__head p { margin-top: 6px !important; line-height: 24px; }
.mp-form fieldset:has(.mp-radios) > legend { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
/* Pohotovosť: dlhší nadpis H1 na dva riadky */
.mp-hero2--er h1 { font-size: clamp(34px, 3.6vw, 52px) !important; line-height: 1.06 !important; }
/* Pätička: ordinačné hodiny – riadkovanie ako v návrhu */
.mp-footer__h + .mp-hours--footer, .mp-footer__h + * > .mp-hours--footer { margin-top: 0 !important; }
.mp-hours--footer .mp-hours__row { line-height: 19.5px; margin-bottom: 12px; }
.mp-footer__legal { margin-top: 35px !important; }
.mp-formcard .mp-form:has(> .mp-form__head) { margin-top: 0; }
.mp-formcard { padding: 32px !important; }
.mp-section--top-sm > .mp-tabs { margin-top: 0 !important; }
.mp-tab { min-height: 0; height: 34px; box-sizing: border-box; }
/* Cenník: stĺpec s cenou podľa obsahu (pevné rozloženie tabuľky ho zúžilo pod šírku ceny) */
.is-style-mp-price table { table-layout: auto !important; width: 100%; }
.is-style-mp-price td:first-child { width: auto; }
.is-style-mp-price td:last-child { width: 1%; }
/* Pätička: krátky popis kliniky zarovnaný so stĺpcom obsahu aj na širokých obrazovkách */
.mp-footer__about { margin: 14px 0 36px max(0px, calc((100% - var(--wp--style--global--content-size, 1476px)) / 2)) !important; }
/* Článok: vycentrovaný stĺpec 1056 px (fotka + text), hlavička 856 px – ako v návrhu, aj na širokých obrazovkách */
.mp-article__hero > *, .mp-article__wrap > * { max-width: 1056px !important; margin-left: auto !important; margin-right: auto !important; }
.mp-article__head > * { max-width: 856px !important; margin-left: auto !important; margin-right: auto !important; }
.mp-article__head > h1, .mp-article__head > .wp-block-post-title { max-width: 856px !important; }
/* Úvod – blok „O nás“: fotka s výrezom je 27 px od horného okraja karty (ako v návrhu) */
.mp-about > .mp-notch--about { margin-top: 27px !important; }
.mp-ico--copy{--i:url(../icons/copy.svg)}

/* ===== Kontakt z počítača: odkaz v hlavičke + okno „Objednajte sa“ ===== */
.mp-header-form { display: none; align-items: center; gap: 8px; font: 500 17px/1 var(--mp-display); color: var(--mp-blue) !important; text-decoration: none !important; white-space: nowrap; }
.mp-header-form .mp-i { width: 18px; height: 18px; color: var(--mp-pink); }
.mp-header-form:hover { color: var(--mp-pink) !important; }
@media (min-width: 1400px) and (hover: hover) and (pointer: fine) { .mp-header-form { display: inline-flex; } }

.mp-cmodal { width: min(920px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 32px; background: #fff; box-shadow: 0 24px 80px rgba(6,33,51,.35); color: var(--mp-blue); overflow: auto; }
.mp-cmodal::backdrop { background: rgba(6,33,51,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.mp-cmodal[open] { animation: mp-cmodal-in .2s var(--mp-ease); }
@keyframes mp-cmodal-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.mp-cmodal__close { position: absolute; top: 16px; right: 16px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--mp-ice); color: var(--mp-blue); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mp-cmodal__close:hover { background: var(--mp-tile-h); }
.mp-cmodal__close .mp-i { width: 20px; height: 20px; }
.mp-cmodal__grid { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); }
.mp-cmodal__call { background: var(--mp-navy); color: #fff; padding: 40px 32px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.mp-cmodal__call > * { margin: 0; }
.mp-cmodal__eyebrow { font: 600 13px/1 var(--mp-body); letter-spacing: .08em; text-transform: uppercase; color: var(--mp-magenta-300); }
.mp-cmodal__eyebrow .mp-i { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }
.mp-cmodal__eb-er { display: none; }
.mp-cmodal h2 { font: 500 28px/1.15 var(--mp-display); color: inherit; }
.mp-cmodal__num { font: 600 clamp(30px, 3.2vw, 38px)/1.1 var(--mp-display); color: #fff; letter-spacing: -0.01em; white-space: nowrap; user-select: all; }
.mp-cmodal__copy { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--mp-pink); color: #fff; font: 500 16px/1 var(--mp-display); cursor: pointer; transition: background .15s; }
.mp-cmodal__copy:hover { background: var(--mp-pink-hover); }
.mp-cmodal__copy.is-done { background: var(--mp-green); }
.mp-cmodal__copy .mp-i { width: 18px; height: 18px; }
.mp-cmodal__tel { font-size: 15px; color: rgba(255,255,255,.85) !important; text-decoration: underline; text-underline-offset: 3px; }
.mp-cmodal__tel:hover { color: #fff !important; }
.mp-cmodal__today { margin-top: auto !important; padding-top: 18px; border-top: 1px solid var(--mp-line-inv); width: 100%; font-size: 15px; color: rgba(255,255,255,.85); display: flex; gap: 8px; align-items: center; }
.mp-cmodal__today .mp-i { width: 18px; height: 18px; color: var(--mp-magenta-300); }
.mp-cmodal__today b { color: #fff; }
.mp-cmodal__ernote { display: none; font-size: 15px; line-height: 23px; color: rgba(255,255,255,.9); }
.mp-cmodal__form { padding: 40px 40px 32px; }
.mp-cmodal__form > h2 { padding-right: 48px; }
.mp-cmodal__lead { margin: 8px 0 0; font-size: 16px; line-height: 24px; color: var(--mp-muted); }
.mp-cmodal__f { margin-top: 20px; gap: 14px; }
.mp-cmodal__f textarea { min-height: 64px; }
.mp-cmodal__err { margin: 0; padding: 10px 14px; border-radius: 8px; background: var(--mp-blush); color: var(--mp-deep); font-size: 14px; }
.mp-cmodal__done { text-align: center; padding: 40px 0 16px; }
.mp-cmodal__done h3 { font: 500 26px/1.2 var(--mp-display); margin-top: 18px; color: var(--mp-blue); }
.mp-cmodal__done p { margin-top: 8px; font-size: 16px; }
/* Pohotovosť: iba číslo, bez formulára */
.mp-cmodal[data-mode="er"] { width: min(460px, calc(100vw - 32px)); }
.mp-cmodal[data-mode="er"] .mp-cmodal__grid { grid-template-columns: minmax(0, 1fr); }
.mp-cmodal[data-mode="er"] .mp-cmodal__form, .mp-cmodal[data-mode="er"] .mp-cmodal__eb-std { display: none; }
.mp-cmodal[data-mode="er"] .mp-cmodal__eb-er, .mp-cmodal[data-mode="er"] .mp-cmodal__ernote { display: block; }
.mp-cmodal[data-mode="er"] .mp-cmodal__close { background: rgba(255,255,255,.12); color: #fff; }
@media (max-width: 767px) {
	.mp-cmodal__grid { grid-template-columns: minmax(0, 1fr); }
	.mp-cmodal__call, .mp-cmodal__form { padding: 28px 22px; }
}
.mp-cmodal [hidden] { display: none !important; }
/* Pohotovosť – pravidlá pred príchodom */
.mp-errule ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 16px; line-height: 24px; }
.mp-errule .wp-block-buttons { margin-top: 4px !important; }

/* Recenzie Google (blok „Recenzie Google“, [mypet_reviews]) */
.mp-reviews__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 32px; margin-bottom: 32px; }
.mp-reviews__head .mp-title { margin: 0 !important; }
.mp-reviews__score { display: flex; align-items: center; gap: 14px; }
.mp-reviews__num { font: 600 56px/1 var(--mp-display); color: var(--mp-blue); letter-spacing: -0.02em; }
.mp-reviews__meta { display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--mp-muted); }
.mp-stars { display: inline-block; width: 120px; height: 24px; background: linear-gradient(90deg, #F5A623 var(--r, 100%), var(--mp-blue-100) var(--r, 100%)); -webkit-mask: url(../icons/star.svg) left center / 24px 24px repeat-x; mask: url(../icons/star.svg) left center / 24px 24px repeat-x; }
.mp-stars--sm { width: 90px; height: 18px; -webkit-mask-size: 18px 18px; mask-size: 18px 18px; }
.mp-reviews__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.mp-review { position: relative; display: flex; flex-direction: column; gap: 14px; margin: 0; background: var(--mp-ice); border-radius: 32px; padding: 32px 28px 28px; }
.mp-review__quote { position: absolute; top: 26px; right: 26px; width: 28px; height: 28px; color: var(--mp-magenta-300); }
.mp-review__text { margin: 0 !important; font-size: 16px; line-height: 1.6; color: var(--mp-navy); flex: 1; }
.mp-review__name { margin: 0 !important; font: 600 16px/1.3 var(--mp-display); color: var(--mp-blue); display: flex; flex-direction: column; gap: 2px; }
.mp-review__name span { font: 400 13px/1.3 var(--mp-body); color: var(--mp-muted); }
.mp-reviews__more { margin-top: 28px !important; }
@media (max-width: 1023px) { .mp-reviews__list { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .mp-reviews__num { font-size: 44px; } }
/* Recenzie za sekciou, ktorá už má spodné odsadenie (Úvod, Pohotovosť) – bez dvojitej medzery. */
.mp-section--pb + .mp-section#recenzie { padding-top: 0; }

/* Karta lekára: rozbaľovací zoznam „Vzdelávanie a certifikáty“ */
.mp-doc { scroll-margin-top: 140px; }
.mp-doc__edu { margin-top: 8px !important; border-top: 1px solid var(--mp-blue-100); padding-top: 10px; }
.mp-doc__edu > summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; font: 600 14px/1.3 var(--mp-display); color: var(--mp-pink); }
.mp-doc__edu > summary::-webkit-details-marker { display: none; }
.mp-doc__edu > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url(../icons/chevron-down.svg) center / contain no-repeat; mask: url(../icons/chevron-down.svg) center / contain no-repeat; transition: transform 150ms ease; }
.mp-doc__edu[open] > summary::after { transform: rotate(180deg); }
.mp-doc__edu > summary:hover { color: var(--mp-pink-hover); }
.mp-doc__edu p { margin: 10px 0 6px !important; font-size: 13px; line-height: 1.45; color: var(--mp-muted); }
.mp-doc__edu ul { margin: 0 !important; padding-left: 18px; font-size: 14px; line-height: 1.45; color: var(--mp-navy); }
.mp-doc__edu li { margin: 0 0 6px; }
.mp-doc:target .mp-doc__card { box-shadow: 0 0 0 2px var(--mp-pink-light, var(--mp-magenta-300)), 0 6px 35px rgba(0,0,0,.06); }