body{margin:0;font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1;background:#FAF9F6}
a{color:#17302A}a:hover{color:#48544F}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
.m-cta{display:none}
@media (max-width: 760px){.m-cta{display:flex}body{padding-bottom:84px}}

/* Шапка: компактніша на великих екранах і мінімальна на телефоні */
@media (min-width: 761px) {
	header > div { max-width: 1320px !important; gap: 10px 24px !important; }
	header nav { gap: 6px 18px !important; }
}
@media (max-width: 760px) {
	header > div { padding: 10px 16px !important; gap: 10px !important; flex-wrap: nowrap !important; }
	header nav[aria-label="Головне меню"] { display: none !important; }
	header button:not(.m-burger) { display: none !important; }
	header a[href="#top"] > span + span { display: none !important; }
	header a[href="#top"] > span:first-child { font-size: 22px !important; }
}

/* ---------- Мобільна версія: компактніші відступи ---------- */
@media (max-width: 760px) {
	/* відступи секцій зверху й знизу: лише там, де вони задані */
	section[style*="padding:"] { padding-top: 40px !important; padding-bottom: 40px !important; }
	#top { padding-top: 28px !important; }
	#trust > div { padding-top: 18px !important; padding-bottom: 18px !important; }
	#about > div, #who > div, #school > div, #course > div, #reviews > div, #formats > div, #articles > div, #contacts > div:first-child { padding-top: 40px !important; padding-bottom: 40px !important; }
	#courses > div { padding: 26px 20px !important; }
	#philosophy { padding-bottom: 0 !important; }
	#before-after { padding-top: 40px !important; padding-bottom: 8px !important; }

	/* відстані між блоками, що стають одне під одним */
	section div[style*="flex-wrap: wrap"] { row-gap: 18px !important; }
	#top, #before-after, #yoga > div, #about > div, #who > div, #contacts > div:first-child { row-gap: 28px !important; }

	/* великі відступи під заголовками й між підблоками */
	[style*="margin: 0 0 44px"], [style*="margin: 0 0 52px"], [style*="margin: 0 0 40px"],
	[style*="margin-bottom: 64px"], [style*="margin-bottom: 56px"], [style*="margin-bottom: 52px"],
	[style*="margin-bottom: 48px"], [style*="margin-bottom: 44px"], [style*="margin-bottom: 40px"] { margin-bottom: 22px !important; }
	[style*="margin-top: 64px"], [style*="margin-top: 48px"], [style*="margin-top: 44px"],
	[style*="margin: 40px 0"], [style*="padding-top: 40px"] { margin-top: 22px !important; }
	[style*="padding-top: 40px"] { padding-top: 22px !important; }

	/* цифри на першому екрані: ближче одна до одної */
	#top div[style*="gap: 36px"] { row-gap: 14px !important; margin-top: 28px !important; padding-top: 20px !important; }
	#top div[style*="gap: 36px"] > div > div:first-child { font-size: 34px !important; }

	/* рядки тексту трохи щільніше */
	section p { line-height: 1.55 !important; }
	section h2 { line-height: 1.12 !important; }
	section h3, section h4 { line-height: 1.25 !important; }
	/* пункти курсу щільніше */
	#course div[style*="padding: 22px 0"] { padding-top: 14px !important; padding-bottom: 14px !important; }
	/* відеовідгуки по два в ряд */
	#reviews figure[style*="width: 260px"], #media figure[style*="width: 240px"] { width: calc(50% - 11px) !important; }
	#reviews figure figcaption, #media figure figcaption { font-size: 13px !important; }
}



/* ---------- Відступи між блоками: компактніше ---------- */
@media (min-width: 761px) {
	section[style*="padding:"] { padding-top: 48px !important; padding-bottom: 48px !important; }
	#top { padding-top: 32px !important; padding-bottom: 40px !important; }
	#about > div, #who > div, #school > div, #course > div, #reviews > div, #formats > div, #articles > div, #contacts > div:first-child { padding-top: 56px !important; padding-bottom: 56px !important; }
	#before-after { padding-top: 48px !important; padding-bottom: 8px !important; }
	#philosophy { padding-top: 48px !important; padding-bottom: 8px !important; }
	#method { padding-top: 40px !important; padding-bottom: 48px !important; }
	#courses { padding-top: 40px !important; padding-bottom: 40px !important; }
	#faq { padding-top: 16px !important; padding-bottom: 56px !important; }
	[style*="margin-bottom: 64px"], [style*="margin-bottom: 56px"] { margin-bottom: 36px !important; }
	[style*="margin-top: 64px"] { margin-top: 36px !important; }
	section div[style*="gap: 40px 56px"][style*="margin-bottom: 48px"] { margin-bottom: 32px !important; }
}
@media (max-width: 760px) {
	#top { padding-top: 12px !important; }
	section div[style*="flex-wrap: wrap"][style*="align-items: center"],
	#top, #before-after, #yoga > div, #about > div, #who > div, #contacts > div:first-child { row-gap: 16px !important; }
	#yoga div[style*="padding-bottom: 60px"] { padding-bottom: 36px !important; }
	section div[style*="gap: 40px 56px"][style*="margin-bottom: 48px"] { margin-bottom: 20px !important; }
}


.m-burger{display:none}
@media (max-width: 760px){ .m-burger{display:flex !important} }
@media (min-width: 761px){ .m-menu{display:none !important} }
section#contacts > div:first-child { padding-top: 28px !important; padding-bottom: 20px !important; }
section#contacts > div + div { padding-top: 14px !important; padding-bottom: 20px !important; }
@media (max-width: 760px){ header > div.m-menu[role="dialog"]{ padding: 12px 18px 18px !important; } header > div.m-menu:not([role]){ padding: 0 !important; } }

/* перший блок на окремих сторінках — без великого відступу зверху */
div[data-back] + section { padding-top: 20px !important; }
div[data-back] + section > div:first-child { padding-top: 20px !important; }
@media (max-width: 760px) {
	div[data-back] { padding-top: 12px !important; }
	div[data-back] + section, div[data-back] + section > div:first-child { padding-top: 12px !important; }
}

:root{--accent:#2F5D50}
.olena-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
body.olena-lock{overflow:hidden}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:90px}