/* ==========================================================================
   Мобильный слой страниц сервисов: хабы, категории, вопросы и ответы.
   ВАЖНО: десктоп (≥992px) здесь не трогаем — все правила внутри
   @media (max-width: 991px). Единственное правило вне media — скрытие
   элементов, которые существуют только на мобильных (.svc-live, .mm-*).
   Подключается в ControllerServiceLanding после service-landing.css.
   ========================================================================== */

.svc-live, .mm-head, .mm-svc, .mm-foot, .mm-scrim { display: none; }

@property --mm-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

@media (max-width: 991px) {

	:root {
		--mm-navy: #08163b;
		--mm-blue: #0874f9;
		--mm-violet: #7546ef;
		--mm-line: rgba(80, 109, 163, .14);
		--mm-ease: cubic-bezier(.22, 1, .36, 1);
	}

	html.mm-open, html.mm-open body { overflow: hidden; }

	/* ---------------------------------------------------------------
	   1. Шапка: стеклянная плашка, логотип слева, «Войти» и бургер справа
	   --------------------------------------------------------------- */
	.service-landing-hero-shell #verh1 { background: transparent; border: 0; border-radius: 0; }
	.service-landing-hero-shell #verh1 header {
		position: fixed; top: 0; left: 0; right: 0; z-index: 1200; height: 60px;
		background: rgba(255, 255, 255, .9);
		-webkit-backdrop-filter: saturate(1.8) blur(18px); backdrop-filter: saturate(1.8) blur(18px);
		border-bottom: 1px solid var(--mm-line);
		transition: transform .38s var(--mm-ease), box-shadow .3s ease, background .3s ease;
	}
	.service-landing-hero-shell #verh1 header.is-scrolled { background: rgba(255, 255, 255, .88); box-shadow: 0 10px 30px -18px rgba(8, 22, 59, .35); }
	.service-landing-hero-shell #verh1 header .container,
	.service-landing-hero-shell #verh1 header .row { position: static; height: 60px; margin: 0; padding: 0; }
	.service-landing-hero-shell #verh1 header [class*="col-"] { position: static; padding: 0; }

	.service-landing-hero-shell .logomob { position: absolute; left: 16px; top: 0; height: 60px; margin: 0; display: flex; align-items: center; }
	.service-landing-hero-shell .logomob img { display: block; width: 104px; height: auto; }
	.service-landing-hero-shell .logomob .service-brand__mark { width: 28px; height: 28px; }
	.service-landing-hero-shell .logomob .service-brand__name { font-size: 22px; }

	.service-landing-hero-shell .zakzv2 { position: absolute; right: 60px; top: 0; height: 60px; float: none; display: flex; align-items: center; }
	.service-landing-hero-shell .zakzv2 ul { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
	.service-landing-hero-shell .zakzv2 ul li:first-child, .service-landing-hero-shell .zakzv2 ul li.service-register { display: none !important; }
	.service-landing-hero-shell .zakzv2 ul li { display: flex; align-items: center; }
	.service-landing-hero-shell .zakzv2 a.bbox2 {
		width: auto; max-width: none; padding: 0 16px; height: 38px; display: inline-flex; align-items: center;
		border-radius: 12px; font: 600 14px/1 Inter, sans-serif; color: var(--mm-navy) !important;
		background: rgba(8, 116, 249, .1); box-shadow: none;
	}
	.service-landing-hero-shell .zakzv2 .bbx-bell { margin: 0; }
	.service-landing-hero-shell .zakzv2 .bbx-bell-trigger { width: 40px !important; height: 40px !important; padding: 0; border-radius: 12px; }
	.service-landing-hero-shell .zakzv2 .bbx-bell-count { top: -6px; right: -6px; }
	.service-landing-hero-shell .zakzv2 .bbx-acc .bbx-acc-trigger {
		width: 40px; min-width: 0; height: 40px; padding: 0; gap: 0; justify-content: center; border: 0; border-radius: 12px;
		background: linear-gradient(135deg, #0d7bff, #0768e9); box-shadow: 0 8px 18px -8px rgba(8, 116, 249, .6);
	}
	.service-landing-hero-shell .zakzv2 .bbx-acc-label, .service-landing-hero-shell .zakzv2 .bbx-acc-chevron { display: none; }
	.service-landing-hero-shell .zakzv2 .bbx-acc-trigger .bbx-acc-avatar { width: 100%; height: 100%; margin: 0; border-radius: 12px; background: transparent; box-shadow: none; color: #fff; font-size: 15px; font-weight: 700; text-transform: uppercase; }

	/* бургер: скруглённая кнопка с градиентом, две линии рисуются CSS */
	.nav2-toggle {
		position: fixed; top: 10px; right: 12px; left: auto; z-index: 1300; width: 40px; height: 40px; padding: 0; margin: 0;
		border-radius: 12px; background: linear-gradient(135deg, var(--mm-blue), var(--mm-violet));
		box-shadow: 0 10px 22px -8px rgba(8, 116, 249, .65); cursor: pointer; -webkit-tap-highlight-color: transparent;
		transition: transform .25s var(--mm-ease), box-shadow .25s ease;
	}
	.nav2-toggle:active { transform: scale(.94); }
	.nav2-toggle:after {
		content: ''; position: absolute; left: 11px; top: 15px; width: 18px; height: 2px; border-radius: 2px;
		background: #fff; box-shadow: 0 8px 0 #fff; font: 0/0 serif;
	}
	.nav2-toggle:before { content: ''; position: absolute; left: 13px; top: 21px; width: 11px; height: 2px; border-radius: 2px; background: rgba(255, 255, 255, .0); }
	#posmenu { height: 0; }

	/* ---------------------------------------------------------------
	   2. Меню: шторка справа на всю высоту
	   --------------------------------------------------------------- */
	#posmenu input#nav2-toggle ~ nav.nav2 {
		display: flex; flex-direction: column; left: auto; right: 0; top: 0; bottom: 0; height: 100%; height: 100dvh;
		width: min(100vw, 420px); min-width: 0; padding: 0; z-index: 2000; overflow: hidden;
		background:
			radial-gradient(420px 260px at 100% -4%, rgba(117, 70, 239, .14), transparent 70%),
			radial-gradient(380px 240px at -10% 40%, rgba(8, 116, 249, .12), transparent 70%),
			#fff;
		transform: translateX(104%); visibility: hidden; box-shadow: none;
		transition: transform .5s var(--mm-ease), visibility 0s linear .5s; font-size: 16px;
	}
	#posmenu input#nav2-toggle:checked ~ nav.nav2 {
		left: auto; transform: none; visibility: visible; overflow: hidden;
		box-shadow: -30px 0 80px -20px rgba(8, 22, 59, .45); transition: transform .5s var(--mm-ease), visibility 0s;
	}

	.mm-scrim {
		display: block; position: fixed; inset: 0; z-index: 1900; background: rgba(8, 22, 59, .45);
		-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; pointer-events: none; transition: opacity .35s ease;
	}
	html.mm-open .mm-scrim { opacity: 1; pointer-events: auto; }

	.nav2 .mm-head { display: flex; align-items: center; flex: 0 0 auto; height: 60px; padding: 0 70px 0 20px; border-bottom: 1px solid var(--mm-line); }
	.nav2 .mm-head a { display: inline-flex; align-items: center; color: var(--mm-navy); text-decoration: none; }
	.nav2 .mm-head em { color: var(--mm-blue); font-style: normal; }
	.nav2 .mm-head small { margin-left: 10px; padding: 4px 9px; border-radius: 999px; color: #5d6b96; background: #eef3fc; font: 600 11.5px/1 Inter, sans-serif; letter-spacing: 0; }

	.nav2 .nav2-toggle2 {
		position: absolute; top: 10px; right: 12px; left: auto; z-index: 5; display: grid; place-items: center; width: 40px; height: 40px;
		border-radius: 12px; color: var(--mm-navy); background: #eef3fc; cursor: pointer; font-size: 18px;
	}
	.nav2 .nav2-toggle2 i { display: none; }
	.nav2 .nav2-toggle2::before, .nav2 .nav2-toggle2::after { content: ''; position: absolute; left: 11px; top: 19px; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
	.nav2 .nav2-toggle2::after { transform: rotate(-45deg); }

	.nav2 > ul { flex: 0 0 auto; margin: 0; padding: 10px 20px 4px; }
	.nav2 > ul > li {
		opacity: 0; transform: translateX(18px); line-height: 1.2; transition: none;
	}
	#posmenu input#nav2-toggle:checked ~ nav.nav2 > ul > li {
		opacity: 1; transform: none; animation: mm-in .55s var(--mm-ease) both; animation-delay: calc(var(--i, 0) * 55ms + 120ms);
	}
	@keyframes mm-in { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: none; } }
	.nav2 > ul > li > a {
		display: flex; align-items: center; justify-content: space-between; padding: 16px 2px; color: var(--mm-navy);
		font: 600 20px/1.2 Inter, sans-serif; letter-spacing: -.03em; transition: color .2s ease, padding .25s var(--mm-ease);
	}
	.nav2 > ul > li > a:before { display: none; }
	.nav2 > ul > li > a:after {
		position: static; display: block; flex: 0 0 auto; width: 8px; height: 8px; margin-right: 4px; background: none; border: solid #9aa8cb;
		border-width: 0 2px 2px 0; transform: rotate(-45deg); transition: transform .25s var(--mm-ease), border-color .2s ease;
	}
	.nav2 > ul > li + li > a { border-top: 1px solid var(--mm-line); }
	.nav2 > ul > li > a:hover, .nav2 > ul > li > a:focus, .nav2 > ul > li > a:active { color: var(--mm-blue); padding-left: 6px; }
	.nav2 > ul > li > a:hover:after { width: 8px; border-color: var(--mm-blue); transform: rotate(-45deg) translate(2px, 2px); }

	/* список сервисов внутри шторки */
	.nav2 .mm-svc { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding: 8px 20px 0; }
	.nav2 .mm-svc__title { margin: 6px 0 10px; color: #7482ad; font: 700 12px/1 Inter, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
	.nav2 .mm-svc__search { position: relative; margin-bottom: 10px; }
	.nav2 .mm-svc__search svg { position: absolute; left: 14px; top: 50%; margin-top: -9px; color: #8a97bd; pointer-events: none; }
	.nav2 .mm-svc__search input {
		width: 100%; height: 46px; padding: 0 14px 0 42px; border: 1.5px solid #dbe5fa; border-radius: 14px; outline: 0; color: var(--mm-navy);
		background: #fff; font: 500 15px/1 Inter, sans-serif; -webkit-appearance: none; appearance: none;
	}
	.nav2 .mm-svc__search input:focus { border-color: var(--mm-blue); box-shadow: 0 0 0 4px rgba(8, 116, 249, .14); }
	.nav2 .mm-svc__list { flex: 1 1 auto; min-height: 0; margin: 0 -8px; padding: 0 8px 12px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; scrollbar-width: none; }
	.nav2 .mm-svc__list::-webkit-scrollbar { display: none; }
	.nav2 .mm-svc__list a {
		display: flex; align-items: center; gap: 12px; padding: 10px 10px; margin-bottom: 4px; border-radius: 16px; color: var(--mm-navy);
		text-decoration: none; transition: background .2s ease;
	}
	.nav2 .mm-svc__list a:active, .nav2 .mm-svc__list a:hover { background: #eef4ff; }
	.nav2 .mm-svc__tile {
		display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 13px; color: #fff;
		font: 700 14px/1 Inter, sans-serif; letter-spacing: -.02em; background: linear-gradient(135deg, var(--g1, #0d7bff), var(--g2, #7c5cff));
	}
	.nav2 .mm-svc__txt { display: grid; gap: 3px; min-width: 0; }
	.nav2 .mm-svc__txt b { overflow: hidden; font: 650 15px/1.25 Inter, sans-serif; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
	.nav2 .mm-svc__txt small { overflow: hidden; color: #7482ad; font: 400 12.5px/1.3 Inter, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
	.nav2 .mm-svc__empty { padding: 14px 4px; color: #7482ad; font-size: 14px; }
	.nav2 .mm-svc__skel { height: 62px; margin-bottom: 4px; border-radius: 16px; background: linear-gradient(90deg, #eef3fc 25%, #f7f9fe 45%, #eef3fc 65%); background-size: 200% 100%; animation: mm-sh 1.3s linear infinite; }
	@keyframes mm-sh { to { background-position: -200% 0; } }

	.nav2 .mm-foot {
		display: grid; flex: 0 0 auto; gap: 10px; padding: 14px 20px calc(16px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--mm-line); background: rgba(255, 255, 255, .92);
	}
	.nav2 .mm-foot__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	.nav2 .mm-btn {
		display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 15px; color: var(--mm-navy); background: #eef3fc;
		font: 650 15.5px/1 Inter, sans-serif; letter-spacing: -.01em; text-decoration: none; transition: transform .2s ease;
	}
	.nav2 .mm-btn:active { transform: scale(.97); }
	.nav2 .mm-btn--main { color: #fff; background: linear-gradient(100deg, var(--mm-blue), var(--mm-violet)); box-shadow: 0 14px 24px -12px rgba(8, 116, 249, .7); }
	.nav2 .mm-btn--wide { grid-column: 1 / -1; }
	.nav2 .mm-lang { justify-self: center; color: #7482ad; font: 500 13px/1 Inter, sans-serif; text-decoration: none; }

	/* ---------------------------------------------------------------
	   3. Первый экран: аврора, пилюля, градиентный заголовок, «стеклянная» карточка
	   --------------------------------------------------------------- */
	.service-landing-hero-shell {
		position: relative; overflow: hidden; isolation: isolate;
		background:
			linear-gradient(to bottom, rgba(248, 251, 255, .1) 0%, rgba(248, 251, 255, .26) 38%, rgba(248, 251, 255, .7) 66%, #f8fbff 94%) top / 100% 640px no-repeat,
			var(--mm-img, none) 100% 0 / auto 640px no-repeat,
			#f8fbff;
	}
	/* обёртка первого экрана лежит поверх фона шапки и закрывала его сплошным цветом */
	.service-landing-hero-shell .svc.analizy-landing { background: transparent; }
	.service-landing-hero-shell.analizy-hero-bg { --mm-img: url('../image/analizy-hero-lab-v1.png'); }
	.service-landing-hero-shell.hero-bg--peresylka { --mm-img: url('../image/service-hero-peresylka.webp?v=2'); }
	.service-landing-hero-shell.hero-bg--udalenie { --mm-img: url('../image/service-hero-udalenie.webp?v=2'); }
	.service-landing-hero-shell.hero-bg--akty { --mm-img: url('../image/service-hero-akty.webp'); }
	.service-landing-hero-shell.hero-bg--scheta { --mm-img: url('../image/service-hero-scheta.webp'); }
	.service-landing-hero-shell.hero-bg--imt { --mm-img: url('../image/service-hero-imt.webp'); }
	.service-landing-hero-shell.hero-bg--psiholog { --mm-img: url('../image/service-hero-psiholog.webp'); }
	.service-landing-hero-shell.hero-bg--vyplaty { --mm-img: url('../image/service-hero-vyplaty.webp'); }
	.svc-hero { padding: 84px 0 28px; }
	.svc-hero::before {
		top: -120px; width: 150%; height: 520px; border-radius: 50%; z-index: -1;
		background:
			radial-gradient(closest-side at 28% 40%, rgba(8, 116, 249, .30), transparent 72%),
			radial-gradient(closest-side at 72% 55%, rgba(117, 70, 239, .26), transparent 72%),
			radial-gradient(closest-side at 50% 80%, rgba(34, 211, 238, .22), transparent 72%);
		opacity: .55; filter: blur(10px); animation: mm-aurora 14s ease-in-out infinite alternate; will-change: transform;
	}
	.svc-hero::after {
		content: ''; position: absolute; left: 50%; top: 0; width: 140%; height: 440px; transform: translateX(-50%); z-index: -1; pointer-events: none;
		background-image: radial-gradient(rgba(8, 22, 59, .16) 1px, transparent 1.4px); background-size: 22px 22px;
		-webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent 78%); mask-image: radial-gradient(closest-side, #000 20%, transparent 78%);
		opacity: .55;
	}
	@keyframes mm-aurora {
		0%   { transform: translateX(-50%) translate3d(-4%, 0, 0) rotate(-3deg) scale(1); }
		100% { transform: translateX(-50%) translate3d(5%, 14px, 0) rotate(4deg) scale(1.08); }
	}

	.svc-hero .svc-live {
		display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 7px 14px 7px 12px; border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 999px; color: #2c3d69; background: rgba(255, 255, 255, .7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
		box-shadow: 0 8px 20px -10px rgba(8, 22, 59, .3); font: 600 13px/1 Inter, sans-serif; letter-spacing: -.01em;
	}
	.svc-live i { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }
	.svc-live i::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #22c55e; opacity: 0; animation: mm-ping 2s ease-out infinite; }
	@keyframes mm-ping { 0% { transform: scale(.5); opacity: .7; } 100% { transform: scale(1.6); opacity: 0; } }

	.svc-hero h1 {
		margin: 0 0 14px; font-size: clamp(31px, 9.4vw, 44px); line-height: 1.04; letter-spacing: -.045em;
		background: linear-gradient(135deg, #08163b 25%, #0b4fd1 70%, var(--mm-violet)); -webkit-background-clip: text; background-clip: text;
		-webkit-text-fill-color: transparent; color: transparent;
	}
	.svc-hero h1 span, .svc-hero h1 em {
		background: linear-gradient(100deg, var(--mm-blue), var(--mm-violet) 60%, #22b8e8); -webkit-background-clip: text; background-clip: text;
		-webkit-text-fill-color: transparent; color: transparent; font-style: normal;
	}
	.svc-hero__subtitle { margin: 0 auto 22px; max-width: 34ch; color: #52618a; font-size: 16.5px; line-height: 1.5; }

	/* карточка виджета: вращающаяся градиентная кромка */
	.svc-widget-card, .analizy-landing .svc-widget-card {
		position: relative; margin: 0 auto; padding: 18px; border: 1.5px solid transparent; border-radius: 26px; overflow: visible;
		background: linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)) padding-box,
			conic-gradient(from var(--mm-a), #0874f9, #7546ef, #22d3ee, #0874f9) border-box;
		box-shadow: 0 30px 60px -28px rgba(8, 40, 120, .45), 0 6px 18px -8px rgba(8, 22, 59, .12);
		animation: mm-rise .8s var(--mm-ease) .18s both, mm-spin 7s linear infinite;
	}
	.svc-widget-card::before, .analizy-landing .svc-widget-card::before { display: none; }
	@keyframes mm-spin { to { --mm-a: 360deg; } }

	/* порядок появления */
	.svc-hero__inner > * { animation: mm-rise .8s var(--mm-ease) both; }
	.svc-hero__inner > :nth-child(1) { animation-delay: .02s; }
	.svc-hero__inner > :nth-child(2) { animation-delay: .1s; }
	.svc-hero__inner > :nth-child(3) { animation-delay: .18s; }
	.svc-hero__inner > :nth-child(4) { animation-delay: .28s; }
	.svc-hero__inner > :nth-child(n+5) { animation-delay: .4s; }
	@keyframes mm-rise { from { opacity: 0; transform: translateY(22px) scale(.985); } to { opacity: 1; transform: none; } }

	/* бейджи под карточкой — лента с прокруткой */
	.svc-hero-badges {
		flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin: 18px -16px 0; padding: 2px 16px 6px; overflow-x: auto;
		scroll-snap-type: x proximity; scrollbar-width: none;
	}
	.svc-hero-badges::-webkit-scrollbar { display: none; }
	.svc-badge { flex: 0 0 auto; scroll-snap-align: start; border-color: rgba(255, 255, 255, .9); background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-weight: 600; }

	/* виджет анализов: «лет» отдельной строкой под полем смотрелось чужеродно */
	.medical-upload__age-unit { display: none; }
	.age-input::placeholder { color: #8a97bd; opacity: 1; }

	/* вопрос: компактная шапка без виджета */
	.svc-hero--question { padding-bottom: 0; }
	.svc-hero--question h1 { margin-bottom: 4px; }
	.svc-hero--question h1 { font-size: clamp(26px, 7.6vw, 34px); line-height: 1.1; }

	/* ---------------------------------------------------------------
	   4. Хлебные крошки — лента-«пилюли»
	   --------------------------------------------------------------- */
	.aq-crumbs, .analizy-landing .aq-page--crumbs .aq-crumbs {
		flex-wrap: nowrap; gap: 6px; margin: 0 -16px 14px; padding: 2px 16px 6px; overflow-x: auto; scrollbar-width: none; font-size: 13px;
	}
	.aq-crumbs::-webkit-scrollbar { display: none; }
	.aq-crumbs a, .aq-crumbs > span:last-child { flex: 0 0 auto; padding: 8px 13px; border: 1px solid var(--mm-line); border-radius: 999px; background: #fff; color: #44547f; line-height: 1; }
	.aq-crumbs > span:last-child { color: var(--mm-blue); background: #eaf2ff; border-color: transparent; font-weight: 600; }
	.aq-crumbs > span:not(:last-child) { flex: 0 0 auto; color: #a4afd0; }
	.aq-page--crumbs { padding-top: 10px; }

	/* ---------------------------------------------------------------
	   5. Категория: шаги, вводный текст, таблица-карточки, блоки
	   --------------------------------------------------------------- */
	.svc-steps { gap: 12px; margin: 26px 0; }
	.svc-step {
		position: relative; display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; align-items: start; padding: 16px; text-align: left;
		border: 1px solid var(--mm-line); border-radius: 20px; background: #fff; box-shadow: 0 14px 28px -22px rgba(8, 40, 120, .35);
	}
	.svc-step-num {
		grid-row: 1 / span 2; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; border-radius: 14px; color: #fff;
		background: linear-gradient(135deg, var(--mm-blue), var(--mm-violet)); font: 700 18px/1 Inter, sans-serif;
	}
	.svc-step h3, .svc-step strong { margin: 2px 0 4px; font-size: 16.5px; line-height: 1.25; letter-spacing: -.02em; text-align: left; }
	.svc-step p { margin: 0; color: #5d6b96; font-size: 14.5px; line-height: 1.5; text-align: left; }

	.svc-intro { margin: 8px 0 8px; font-size: 16px; line-height: 1.6; }

	.svc-block {
		margin: 14px 0; padding: 18px 18px 18px 20px; border: 1px solid var(--mm-line); border-radius: 20px; background: #fff;
		box-shadow: 0 14px 28px -24px rgba(8, 40, 120, .35); position: relative; overflow: hidden;
	}
	.svc-block::before { content: ''; position: absolute; left: 0; top: 16px; bottom: 16px; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, var(--mm-blue), var(--mm-violet)); }

	/* каталог на хабе: поиск + чипы-лента */
	.acf { margin-bottom: 18px; }
	.acf__search input { height: 52px; border-radius: 16px; font-size: 16px; }
	.acf__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 4px 16px 8px; scrollbar-width: none; scroll-snap-type: x proximity; }
	.acf__chips::-webkit-scrollbar { display: none; }
	.acf__chip { flex: 0 0 auto; scroll-snap-align: start; padding: 11px 16px; font-size: 14.5px; }

	/* ---------------------------------------------------------------
	   6. Вопрос: автор, факты, текст, разбор, ответы-«пузыри», форма
	   --------------------------------------------------------------- */
	.aq-page { padding: 6px 0 40px; }
	.aq-page > * { max-width: none; }

	.aq-question { padding: 20px 18px 16px; border: 1px solid var(--mm-line); border-radius: 26px; background: #fff; box-shadow: 0 24px 44px -30px rgba(8, 40, 120, .45); }
	.aq-author { gap: 12px; margin-bottom: 14px; }
	.aq-avatar--lg { width: 48px; height: 48px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--mm-blue), var(--mm-violet)); font-size: 18px; }
	.aq-author__text b { font-size: 16px; letter-spacing: -.02em; }
	.aq-chip { margin-left: 0; padding: 7px 12px; border: 0; border-radius: 999px; color: var(--mm-blue); background: #eaf2ff; font-size: 12.5px; }

	.aq-facts { display: flex; gap: 8px; margin: 0 -18px 16px; padding: 0 18px 4px; overflow-x: auto; border: 0; border-radius: 0; background: none; scrollbar-width: none; }
	.aq-facts::-webkit-scrollbar { display: none; }
	.aq-facts li, .aq-facts li:nth-child(odd), .aq-facts li:nth-last-child(2), .aq-facts li:nth-last-child(-n+2) {
		flex: 0 0 auto; flex-direction: column; align-items: flex-start; gap: 3px; padding: 10px 14px; border: 1px solid var(--mm-line); border-radius: 16px; background: #f6f9ff;
	}
	.aq-facts span { font-size: 11.5px; letter-spacing: .02em; }
	.aq-facts b { font-size: 16px; text-align: left; color: var(--mm-navy); }

	.aq-body { font-size: 18px; line-height: 1.6; letter-spacing: -.01em; color: var(--mm-navy); }
	.aq-stats { gap: 10px; margin-top: 18px; padding-top: 16px; }
	.aq-stats > span { margin-right: auto; color: #6a79a3; }
	.aq-stats a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border-radius: 13px; background: #eaf2ff; font-size: 13.5px; text-decoration: none; }
	.aq-stats a:last-child { color: #fff; background: linear-gradient(100deg, var(--mm-blue), var(--mm-violet)); }

	.aq-editorial {
		margin-top: 16px; padding: 22px 18px; border-radius: 26px; color: var(--mm-navy);
		background: radial-gradient(260px 160px at 100% 0%, rgba(117, 70, 239, .12), transparent 70%), linear-gradient(180deg, #f3f7ff, #eaf1ff);
		border: 1px solid #dbe7ff;
	}
	.aq-editorial__label { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 6px 12px; border-radius: 999px; color: var(--mm-blue); background: #fff; font-size: 12.5px; box-shadow: 0 6px 14px -8px rgba(8, 116, 249, .5); }
	.aq-lead { font-size: 17px; line-height: 1.5; letter-spacing: -.02em; }
	.aq-editorial h3 { margin: 22px 0 8px; font-size: 16.5px; letter-spacing: -.02em; }
	.aq-editorial p { font-size: 15.5px; line-height: 1.65; }

	.aq-cols { gap: 10px; margin-top: 18px; border: 0; }
	.aq-col, .aq-col + .aq-col { padding: 16px 16px 8px; border: 1px solid var(--mm-line); border-radius: 20px; background: #fff; }
	.aq-col + .aq-col { border-top: 1px solid var(--mm-line); }
	.aq-col--do { border-color: #cbe9d6; background: #f4fbf6; }
	.aq-col--doctor { border-color: #f4d3cd; background: #fff6f4; }
	.aq-col h3 { font-size: 15px; }
	.aq-col ul { padding-left: 18px; font-size: 14.5px; }

	.aq-h2 { margin: 30px 0 14px; font-size: 22px; letter-spacing: -.03em; }
	.aq-h2 span { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 9px; border-radius: 999px; color: var(--mm-blue); background: #eaf2ff; font: 700 14px/1 Inter, sans-serif; vertical-align: 3px; }

	/* ответы: аватар слева, «пузырь» справа */
	.aq-thread { gap: 12px; }
	.aq-answer {
		position: relative; display: block; margin: 0; padding: 16px 16px 12px 16px; border: 1px solid var(--mm-line); border-bottom: 1px solid var(--mm-line); border-radius: 22px 22px 22px 8px;
		background: #fff; box-shadow: 0 14px 28px -24px rgba(8, 40, 120, .4);
	}
	.aq-answer:last-child { border-bottom: 1px solid var(--mm-line); }
	.aq-answer.is-expert {
		margin: 0; padding: 16px; border: 1px solid #cfe0ff; border-radius: 22px 22px 22px 8px;
		background: radial-gradient(240px 140px at 100% 0%, rgba(117, 70, 239, .12), transparent 70%), linear-gradient(180deg, #f3f7ff, #eaf1ff);
	}
	.aq-answer__head { gap: 10px; margin-bottom: 10px; }
	.aq-avatar--sm { width: 32px; height: 32px; font-size: 13px; }
	.aq-answer__body { font-size: 16px; line-height: 1.6; }
	.aq-answer__foot { gap: 10px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--mm-line); }
	.aq-like, .aq-reply-btn { min-height: 36px; padding: 0 12px; border-radius: 11px; background: #f2f6fd; font-size: 13.5px; }
	.aq-like.is-on { background: #eaf2ff; }
	.aq-replies { margin: 12px 0 0 10px; padding: 0 0 0 12px; border-left: 2px solid #dbe7ff; }
	.aq-reply { padding: 12px 14px; border-radius: 16px 16px 16px 6px; }
	.aq-empty { border-radius: 20px; }

	.aq-form { margin-top: 14px; padding: 18px; border-radius: 24px; border-color: var(--mm-line); box-shadow: 0 20px 40px -28px rgba(8, 40, 120, .4); }
	.aq-form textarea { min-height: 120px; padding: 14px; border-radius: 16px; border-color: #dbe5fa; font-size: 16px; }
	.aq-form textarea:focus { border-color: var(--mm-blue); box-shadow: 0 0 0 4px rgba(8, 116, 249, .14); }
	.aq-form__row { flex-direction: column; align-items: stretch; }
	.aq-send { width: 100%; height: 52px; border-radius: 16px; background: linear-gradient(100deg, var(--mm-blue), var(--mm-violet)); font-size: 16px; box-shadow: 0 16px 26px -14px rgba(8, 116, 249, .7); }
	.aq-disclaimer { padding: 14px 16px; border: 1px solid var(--mm-line); border-radius: 18px; background: #f8fafe; }

	/* «Похожие вопросы» — карточки */
	.aq-more { margin-top: 24px; }
	.aq-list { gap: 10px; }
	.aq-row {
		flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 44px 16px 16px; border: 1px solid var(--mm-line); border-radius: 20px; position: relative;
		box-shadow: 0 14px 28px -24px rgba(8, 40, 120, .4);
	}
	.aq-row::after {
		content: ''; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border: solid var(--mm-blue); border-width: 0 2px 2px 0; transform: rotate(-45deg);
	}
	.aq-row__t { font-size: 16px; letter-spacing: -.02em; }
	.aq-row__m { padding: 4px 9px; border-radius: 999px; background: #f2f6fd; }
	.aq-try { border-top: 0; padding-top: 12px; }
	.aq-try h2 { font-size: 24px; letter-spacing: -.035em; }

	/* липкая кнопка действия — над системными панелями, без перекрытия контента */
	.apg-cta { bottom: calc(14px + env(safe-area-inset-bottom)); box-shadow: 0 18px 34px -14px rgba(8, 116, 249, .75); }

	/* секции хаба/категории: единый ритм и скругления */
	.analizy-disc-section, .analizy-qa-section, .analizy-plans-section, .analizy-catalog-section { padding-left: 16px; padding-right: 16px; }
}

/* очень узкие телефоны */
@media (max-width: 374px) {
	.nav2 .mm-head small { display: none; }
	.svc-hero h1 { font-size: 29px; }
	.service-landing-hero-shell .logomob img { width: 92px; }
	.service-landing-hero-shell .zakzv2 { right: 62px; }
}

/* планшеты: шторка и контент не растягиваются */
@media (min-width: 640px) and (max-width: 991px) {
	.svc-hero__subtitle { max-width: 520px; }
	.svc-widget-card, .analizy-landing .svc-widget-card { max-width: 560px; }
	.aq-page { max-width: 760px; margin: 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
	.svc-hero::before, .svc-widget-card, .svc-live i::after, .svc-hero__inner > *, .nav2 .mm-svc__skel { animation: none !important; }
	#posmenu input#nav2-toggle ~ nav.nav2, .mm-scrim { transition: none; }
}