/* Шаблон статьи v2 — макет Figma VWuxxKjciDpcFUmlb2RpNA, секция 11364:3342 «Блог» (27.10.2026).
   Подключается шаблоном news.view.id_v2.php. Все правила — внутри .av2 / .av2-* и не трогают другие страницы.
   Масштаб: макет 1620 px против .container 1170 → размеры макета × 0,72, как у посадки консультации.
   Версия: 2 от 28.10.2026 (содержание с потолком высоты; списки steps, pills, dodont, facts, ifthen; блок av2-eye). Новые правила — в конце файла. */

.av2 {
	--av2-ink: #242a4f;
	--av2-ink-80: rgba(36, 42, 79, .8);
	--av2-navy: #213361;
	--av2-sky: #d6ebff;
	--av2-card: #515572;
	--av2-line: rgba(33, 51, 97, .3);
	--av2-line-soft: rgba(33, 51, 97, .15);
	--av2-r: 14px;
}

/* ---------- Мета-строка ---------- */
.av2 .news_id__info { margin-bottom: 20px; }
.av2 .news_id__info .date-d { font-size: 14px; }

/* ---------- Строка «Автор статьи» (только телефон, вместо большой карточки) ---------- */
.av2-byline {
	display: none;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
}
.av2-byline__photo {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	margin: 0 !important;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 12%;
	background: var(--av2-sky);
}
.av2-byline__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1.3; }
.av2-byline__label { font-size: 13px; color: var(--av2-ink-80); }
.av2-byline__name { font-size: 16px; font-weight: 600; color: var(--av2-ink) !important; text-decoration: none !important; }
.av2-byline__exp { font-size: 13px; color: var(--av2-ink-80); }

/* ---------- Лид: анонс под обложкой, без подписи ---------- */
.av2-lead {
	margin: 4px 0 8px;
	padding: 2px 0 2px 20px;
	border-left: 3px solid var(--av2-card);
}
.av2-lead__x,
.av2-lead__x p {
	margin: 0 !important;
	font-size: 19px;
	line-height: 1.45;
	color: var(--av2-ink);
}
.av2-lead__x p + p { margin-top: 8px !important; }

/* ---------- Обложка + регалии ---------- */
.av2 .av2-hero {
	position: relative;
	border-radius: var(--av2-r);
	overflow: hidden;
	background: var(--av2-card);
	margin-bottom: 16px;
}
.av2 .av2-hero img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	aspect-ratio: 1620 / 600;
	object-fit: cover;
	object-position: center 35%;
	border-radius: 0;
}
.av2 .av2-hero--low img { aspect-ratio: auto; }
/* ---------- Содержание + автор ---------- */
.av2-top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 52px 0 24px;
	align-items: stretch;
	--av2-top-h: 404px; /* высота карточки автора и потолок высоты содержания (28.10.2026) */
}
.av2-toc {
	position: relative;
	background: var(--av2-sky);
	border-radius: var(--av2-r);
	padding: 22px 12px 22px 22px;
	/* 28.10.2026: потолок равен высоте карточки автора; длинное содержание прокручивается внутри (карточка автора не тянется) */
	min-height: var(--av2-top-h);
	max-height: var(--av2-top-h);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.av2-toc__title {
	margin: 0 0 14px !important;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--av2-navy);
}
.av2 #toc {
	flex: 1 1 auto;
	min-height: 0; /* иначе при max-height список не сжимается и не прокручивается */
	overflow-y: auto;
	padding-right: 14px;
	scrollbar-width: thin;
	scrollbar-color: var(--av2-line) transparent;
}
.av2 #toc::-webkit-scrollbar { width: 5px; }
.av2 #toc::-webkit-scrollbar-thumb { background: var(--av2-line); border-radius: 40px; }
.av2 #toc ol,
.av2 #toc ul {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: av2toc;
}
.av2 #toc li {
	display: block !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}
.av2 #toc li::before { content: none !important; }
.av2 #toc ol > li > a {
	counter-increment: av2toc;
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--av2-ink-80);
	font-size: 15px;
	line-height: 1.4;
	text-decoration: underline;
	text-decoration-color: rgba(33, 51, 97, .45);
	text-underline-offset: 3px;
}
.av2 #toc ol > li > a::before {
	content: counter(av2toc);
	flex: 0 0 auto;
	min-width: 29px;
	height: 29px;
	padding: 0 6px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--av2-line);
	border-radius: 7px;
	font-size: 15px;
	text-decoration: none;
	color: var(--av2-ink-80);
}
/* вложенные пункты (H3 внутри раздела) — без номера, с отступом */
.av2 #toc li ul { display: none !important; } /* в содержании только H2 */
.av2 #toc a:hover { color: var(--av2-ink); text-decoration-color: currentColor; }
.av2 #toc a:focus-visible,
.av2-toc__more:focus-visible,
.av2-author__btn:focus-visible { outline: 2px solid var(--av2-navy); outline-offset: 2px; }
.av2-toc__more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 52px;
	padding: 0 18px;
	border: 0;
	border-radius: var(--av2-r);
	background: none;
	color: var(--av2-navy);
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
@media (min-width: 768px) { .av2-toc__more { display: none !important; } }
.av2-toc__more::after {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-left: 12px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
	transition: transform .2s;
}
.av2-toc.is-open .av2-toc__more::after { transform: translateY(2px) rotate(-135deg); }

.av2-author {
	position: relative;
	height: var(--av2-top-h); /* своя высота: содержание её больше не растягивает (28.10.2026) */
	align-self: start;
	border-radius: var(--av2-r);
	background:
		linear-gradient(180deg, rgba(67, 70, 95, 0) 45%, rgba(10, 13, 40, .8) 100%),
		url(/custom/my/image/article-v2/author-deco.svg) 0 0 / 100% 100% no-repeat,
		var(--av2-card);
	color: #fff;
	min-width: 0;
}
.av2-author::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--av2-r);
	background: linear-gradient(180deg, rgba(10, 13, 40, 0) 40%, rgba(10, 13, 40, .85) 100%);
	pointer-events: none;
}
.av2-author--cutout {
	/* срез халата у вырезки совпадает с правым краем карточки; справа и снизу карточка обрезает фото,
	   сверху голова выходит за край, как в макете */
	clip-path: inset(-80px 0 0 0 round 0 0 var(--av2-r) var(--av2-r));
}
.av2-author--cutout::after { background: linear-gradient(180deg, rgba(10, 13, 40, 0) 55%, rgba(10, 13, 40, .55) 100%); }
.av2-author__photo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100% !important;
	width: 62% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: 50% 15%;
	border-radius: 0 var(--av2-r) var(--av2-r) 0;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%);
	mask-image: linear-gradient(90deg, transparent 0, #000 30%);
	opacity: .95;
}
/* вырезка без фона выходит за верхний край карточки, как в макете */
.av2-author--cutout .av2-author__photo {
	top: auto;
	height: 111% !important;
	width: auto !important;
	max-width: 80% !important;
	right: 0;
	object-fit: contain;
	object-position: right bottom;
	border-radius: 0 0 var(--av2-r) 0;
	-webkit-mask-image: none;
	mask-image: none;
	opacity: 1;
}
.av2-author__chips {
	position: absolute;
	left: 16px;
	top: 16px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	z-index: 1;
}
.av2-chip {
	padding: 7px 12px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, .7);
	background: rgba(81, 85, 114, .35);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.av2-chip b { font-size: 15px; color: #fff; }
.av2-author__body {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 18px;
	z-index: 1;
}
.av2-author__name {
	display: block;
	max-width: 46%;
	margin-bottom: 8px;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff !important;
	text-decoration: none !important;
}
.av2-author__name:hover { text-decoration: underline !important; }
.av2-author__pos {
	margin-bottom: 14px;
	font-size: 17px;
	line-height: 1.4;
	color: #fff;
	text-shadow: 0 1px 8px rgba(10, 13, 40, .55);
}
.av2-author__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	border-radius: 12px;
	background: #fff;
	color: var(--av2-card) !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color .2s;
}
.av2-author__btn:hover { background: #eef3fb; }

.av2 .news_id__contr { margin-bottom: 36px; padding: 12px 16px; min-height: 0; gap: 10px; }
.av2 .news_id__contr span { font-size: 14px; }

/* ---------- Текст статьи ---------- */
/* H2 — голубая полоса с «солнцем» справа */
.av2 #content h2 {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 52px 0 20px;
	padding: 8px 120px 8px 14px;
	border-radius: 8px;
	background: url(/custom/my/image/article-v2/h2-deco.svg) right center / auto 100% no-repeat, var(--av2-sky);
	color: var(--av2-ink);
	font-size: 36px;
	line-height: 1.2;
}
.av2 #content > h2:first-child,
.av2 #content > section:first-child > h2:first-child { margin-top: 0; }

/* H3 — тёмная плашка со знаком клиники слева */
.av2 #content h3 {
	position: relative;
	margin: 28px 0 10px;
	padding-left: 45px;
	min-height: 30px;
	color: var(--av2-ink);
	font-size: 22px;
	line-height: 1.3;
}
.av2 #content h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: url(/custom/my/image/article-v2/sun-mark-white.svg) center / 20px auto no-repeat, var(--av2-card);
}
/* заголовок формы внутри текста — не H3 статьи */
.av2 #content .form_wrap h3 { padding-left: 0; min-height: 0; }
.av2 #content .form_wrap h3::before { content: none; }

.av2 #content p,
.av2 #content li { color: var(--av2-ink-80); }

/* картинки старого формата WordPress */
.av2 #content img { border-radius: var(--av2-r); }
/* 29.10.2026: старые картинки статей (900–1100 px) глобальный CSS сайта растягивал до 1170 px и мылил.
   Ширину берём по атрибуту width самой картинки, выше натуральной не поднимаем. */
.av2 p > img[width], .av2 p > picture > img[width],
.av2 figure > img[width], .av2 figure > picture > img[width] { width: auto; max-width: 100%; height: auto; }
.av2 .av2-split figure img[width], .av2 .av2-split figure picture > img[width] { width: 100%; }
.av2 #content .alignleft { margin: 4px 24px 14px 0; max-width: 45%; }
.av2 #content figure { margin: 24px 0; }
.av2 #content figcaption { margin-top: 8px; font-size: 14px; color: var(--av2-ink-80); }

/* таблицы */
.av2 #content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--av2-line-soft);
	border-radius: var(--av2-r);
	overflow: hidden;
}
.av2 #content th { background: var(--av2-sky); color: var(--av2-ink); font-weight: 600; text-align: left; }
.av2 #content th,
.av2 #content td { padding: 12px 14px; border-bottom: 1px solid var(--av2-line-soft); vertical-align: top; }
.av2 #content tr:last-child td { border-bottom: 0; }
.av2 #content td { background: #fff !important; color: var(--av2-ink-80); }
.av2 #content tr.prof_prices_head td { background: var(--av2-card) !important; color: #fff; font-weight: 600; text-align: left; }

/* Цитата — тёмная карточка с кавычками (узел 11355:2129). Врезка blockquote.flex — светлая плашка сайта, как на услугах. */
.av2 #content blockquote:not(.flex) {
	position: relative;
	overflow: hidden;
	clear: both;
	display: block;
	margin: 36px 0;
	padding: 30px 30px 30px 107px;
	min-height: 160px;
	border: 0;
	border-radius: var(--av2-r);
	background: url(/custom/my/image/article-v2/quote-deco.svg) right center / auto 100% no-repeat, var(--av2-card);
	color: rgba(255, 255, 255, .85);
	font-size: 18px;
	line-height: 1.4;
}
.av2 #content blockquote:not(.flex)::before {
	content: "";
	position: absolute;
	left: 30px;
	top: 27px;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 0;
	background: url(/custom/my/image/article-v2/quote-mark.svg) center / contain no-repeat;
}
.av2 #content blockquote:not(.flex).noicon::before { content: none; }
.av2 #content blockquote:not(.flex).noicon { padding-left: 30px; }
.av2 #content blockquote:not(.flex) .quote_icon { display: none; }
.av2 #content blockquote:not(.flex) p,
.av2 #content blockquote:not(.flex) li { color: rgba(255, 255, 255, .85); }
.av2 #content blockquote:not(.flex) a { color: #fff; }
.av2 #content blockquote:not(.flex) b,
.av2 #content blockquote:not(.flex) strong,
.av2 #content blockquote:not(.flex) h4 { color: #fff; }
.av2 #content blockquote:not(.flex) > :last-child { margin-bottom: 0; }

/* ---------- Блок врачей и FAQ под статьёй ---------- */
/* ---------- Элементы для точечной вёрстки статьи (ставятся в текст классами) ---------- */
/* Врезка сайта внутри v2: отступы как у текста */
.av2 #content blockquote.flex { margin: 24px 0; }
/* 29.10.2026: иконка врезки у v2 стоит в строке (.quote_icon), а глобальная кавычка сайта (::before, 50px, absolute)
   на телефоне накладывалась на текст — убираем её во всех ширинах. */
.av2 #content blockquote.flex::before { content: none; }
/* без кавычки слева не нужно и поле под неё (глобально 92px) */
.av2 #content blockquote.flex { padding: 20px 24px; }

/* .av2-split — текст слева, картинка справа (макет «Что такое») */
.av2 #content .av2-split {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	gap: 32px;
	align-items: center;
	margin: 8px 0 24px;
}
.av2 #content .av2-split > figure,
.av2 #content .av2-split figure { margin: 0 !important; }
.av2 #content .av2-split img { width: 100%; height: auto; margin: 0; }

/* .av2-cards — карточки (формы, виды, риски). Модификатор --warn — иконка-предупреждение */
.av2 #content .av2-cards {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
	margin: 20px 0 24px;
}
/* по три в ряд; 4 карточки — 2×2; хвост из двух — пополам; одна в хвосте — на всю ширину */
.av2 #content .av2-card { grid-column: span 2; }
.av2 #content .av2-card:first-child:nth-last-child(4),
.av2 #content .av2-card:first-child:nth-last-child(4) ~ .av2-card,
.av2 #content .av2-card:first-child:nth-last-child(2),
.av2 #content .av2-card:first-child:nth-last-child(2) ~ .av2-card,
.av2 #content .av2-card:nth-child(3n+1):nth-last-child(2),
.av2 #content .av2-card:nth-child(3n+2):last-child { grid-column: span 3; }
.av2 #content .av2-card:nth-child(3n+1):last-child { grid-column: span 6; }
.av2 #content .av2-card {
	padding: 20px;
	border: 1px solid var(--av2-line-soft);
	border-radius: var(--av2-r);
	background: #fff;
}
.av2 #content .av2-card::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 14px;
	border-radius: 8px;
	background: url(/custom/my/image/article-v2/sun-mark-white.svg) center / 24px auto no-repeat, var(--av2-card);
}
.av2 #content .av2-cards--warn .av2-card::before {
	background: url(/custom/my/image/icons/icon_warn.svg) center / 24px auto no-repeat, #fff4dc;
}
.av2 #content .av2-cards--eye .av2-card::before {
	background: url(/custom/my/image/icons/icon_eye.svg) center / 22px auto no-repeat, var(--av2-sky);
}
/* --h3: карточки методов — иконку несёт сам заголовок H3 */
.av2 #content .av2-cards--h3 .av2-card::before { content: none; }
.av2 #content .av2-cards--h3 .av2-card h3 { margin-top: 0; font-size: 19px; }
.av2 #content .av2-cards--h3 .av2-card > :last-child { margin-bottom: 0; }
.av2 #content .av2-card__t {
	margin: 0 0 6px !important;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--av2-ink);
}
.av2 #content .av2-card p:last-child { margin-bottom: 0; }
.av2 #content .av2-card p { font-size: 15px; line-height: 1.45; }

/* .av2-scale — шкала степеней (от слабой к тяжёлой) */
.av2 #content .av2-scale-cap { margin: 16px 0 10px !important; font-size: 14px; font-weight: 600; color: var(--av2-ink-80); }
.av2 #content ol.av2-scale {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	counter-reset: none;
}
.av2 #content ol.av2-scale li {
	display: block !important;
	margin: 0 !important;
	padding: 18px 16px 16px !important;
	border-radius: 10px;
	background: var(--av2-sky);
	color: var(--av2-ink);
}
.av2 #content ol.av2-scale li::before { content: none !important; }
.av2 #content ol.av2-scale li:nth-child(2) { background: #b9d3f2; }
.av2 #content ol.av2-scale li:nth-child(3) { background: #7d8fb8; color: #fff; }
.av2 #content ol.av2-scale li:nth-child(4) { background: var(--av2-ink); color: #fff; }
.av2 #content ol.av2-scale b { display: block; margin-bottom: 4px; font-size: 16px; }
.av2 #content ol.av2-scale span { font-size: 22px; font-weight: 600; letter-spacing: -.01em; }

/* ul.av2-check — список с иконкой (признаки — глаз, правила — галочка) */
.av2 #content ul.av2-check {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 28px;
	margin: 16px 0 20px;
	padding: 0;
	list-style: none;
}
.av2 #content ul.av2-check li {
	position: relative;
	margin: 0 !important;
	padding: 0 0 0 36px !important;
	line-height: 1.45;
}
.av2 #content ul.av2-check li::before {
	content: "" !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: url(/custom/my/image/icons/icon_eye.svg) center / 15px auto no-repeat, var(--av2-sky) !important;
}
.av2 #content ul.av2-check--done li::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.5 7.5l3 3 6-7' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px auto no-repeat, var(--av2-card) !important;
}
.av2 #content ul.av2-check--wide { grid-template-columns: 1fr; }

/* ol.av2-timeline — последовательность по времени/возрасту */
.av2 #content ol.av2-timeline {
	position: relative;
	margin: 20px 0 24px;
	padding: 0 0 0 34px;
	list-style: none;
}
.av2 #content ol.av2-timeline::before {
	content: "";
	position: absolute;
	left: 9px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: var(--av2-sky);
}
.av2 #content ol.av2-timeline li {
	display: block !important;
	position: relative;
	margin: 0 0 18px !important;
	padding: 0 !important;
}
.av2 #content ol.av2-timeline li:last-child { margin-bottom: 0 !important; }
.av2 #content ol.av2-timeline li::before {
	content: "" !important;
	position: absolute;
	left: -32px;
	top: 3px;
	width: 18px;
	height: 18px;
	border: 4px solid #fff;
	border-radius: 50%;
	background: var(--av2-card);
	box-shadow: 0 0 0 2px var(--av2-sky);
	box-sizing: border-box;
}
.av2 #content ol.av2-timeline li:first-child::before { background: #7d8fb8; }
.av2 #content ol.av2-timeline b,
.av2 #content ol.av2-timeline strong { display: block; margin-bottom: 2px; font-size: 18px; color: var(--av2-ink); }

/* .av2-box — голубая плашка для короткого списка */
.av2 #content .av2-box {
	margin: 16px 0 20px;
	padding: 20px 24px;
	border-radius: var(--av2-r);
	background: var(--av2-sky);
}
.av2 #content .av2-box > :last-child { margin-bottom: 0; }
.av2 #content .av2-box > :first-child { margin-top: 0; }
.av2 #content .av2-box p { color: var(--av2-ink); }

/* .av2-cta — кнопка записи после блока */
.av2 #content .av2-cta { margin: 20px 0 8px !important; }
.av2 #content .av2-cta .btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 28px; margin: 0; color: #fff !important; text-decoration: none !important; }

.av2-faq { padding: 24px 0 60px; }
.av2-faq .faq h2 {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 8px 120px 8px 14px;
	border-radius: 8px;
	background: url(/custom/my/image/article-v2/h2-deco.svg) right center / auto 100% no-repeat, #d6ebff;
	color: #242a4f;
	font-size: 36px;
	line-height: 1.2;
}
.av2-faq .faq_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	gap: 11px;
	margin-top: 0;
}
.av2-faq .faq_item {
	padding: 20px 22px;
	border: 1px solid rgba(33, 51, 97, .15);
	border-radius: 14px;
	background: #fff;
}
.av2-faq .faq_anons {
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	min-height: 44px;
	font-size: 18px;
	font-weight: 500;
	color: #242a4f;
}
.av2-faq .faq_icon {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 7px;
	background: #515572;
}
.av2-faq .faq_icon::before {
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border-radius: 0;
	background: none;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #fff;
	transform: translate(-50%, -40%);
	transition: transform .3s;
}
.av2-faq .faq_icon::after { content: none; }
.av2-faq .open .faq_icon::before { transform: translate(-50%, -60%) rotate(180deg); }
.av2-faq .faq_text { color: rgba(36, 42, 79, .8); font-size: 15px; }

/* ---------- Планшет ---------- */
@media (max-width: 1023px) {
	.av2 .av2-hero img { aspect-ratio: 16 / 9; }
	.av2 .av2-hero--low img { aspect-ratio: auto; }
	.av2-top { grid-template-columns: 1fr; }
	.av2-toc { min-height: 0; max-height: 440px; }
	.av2-author { min-height: 400px; }
}

/* ---------- Телефон (макет 375w) ---------- */
@media (max-width: 767px) {
	.av2 .news_id__info { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 16px; }
	.av2 .news_id__info .date-d { font-size: 13px; }
	.av2 .av2-hero img { aspect-ratio: 345 / 252; }
	.av2 .av2-hero--low img { aspect-ratio: auto; }
	.av2 .news_id__info { margin-bottom: 14px; }
	.av2-byline { display: flex; }
	.av2-lead { margin-top: 4px; }
	.av2-lead__x, .av2-lead__x p { font-size: 17px; }
	.av2-top { margin: 16px 0 12px; gap: 0; }
	.av2-author { display: none; }
	.av2-toc { max-height: none; padding: 0; }
	.av2-toc__title { display: none; }
	.av2 #toc { display: none; overflow: visible; padding: 0 18px 8px; }
	.av2-toc.is-open #toc { display: block; }
	.av2 .news_id__contr { margin-bottom: 24px; align-items: flex-start; }
	.av2 .news_id__contr span { font-size: 13px; }
	.av2 #content h2,
	.av2-faq .faq h2 { font-size: 20px; padding: 10px 70px 10px 14px; margin-top: 36px; }
	.av2 #content h3 { font-size: 18px; padding-left: 38px; }
	.av2 #content h3::before { width: 26px; height: 26px; top: -2px; background-size: 17px auto, auto; }
	.av2 #content .alignleft { float: none; max-width: 100%; margin: 0 0 14px; }
	.av2 #content blockquote:not(.flex) { padding: 84px 20px 22px; font-size: 15px; }
	.av2 #content blockquote:not(.flex)::before { left: 20px; top: 22px; width: 44px; height: 44px; }
	/* 28.10.2026: глобальный CSS сайта даёт врезке-плашке padding-top 92px (место под кавычки) — у v2 иконка в строке, лишняя высота не нужна.
	   29.10.2026: заодно снята кавычка-::before сайта — на телефоне она (50px, absolute) наезжала на первые строки текста. */
	.av2 #content blockquote.flex { padding: 16px 18px; gap: 14px; }
	.av2 #content table { display: block; overflow-x: auto; }
	.av2 #content .av2-split { grid-template-columns: 1fr; gap: 16px; }
	.av2 #content .av2-cards { grid-template-columns: 1fr; }
	.av2 #content .av2-cards .av2-card { grid-column: 1 / -1 !important; }
	.av2 #content .av2-card { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; padding: 16px; }
	.av2 #content .av2-card::before { grid-row: 1 / span 2; width: 34px; height: 34px; margin: 0; background-size: 20px auto, auto; }
	.av2 #content .av2-card > * { grid-column: 2; }
	.av2 #content .av2-cards--h3 .av2-card { display: block; }
	.av2 #content .av2-cards--warn .av2-card::before { background-size: 20px auto, auto; }
	.av2 #content ol.av2-scale { grid-template-columns: 1fr 1fr; }
	.av2 #content ul.av2-check { grid-template-columns: 1fr; }
	.av2 #content .av2-box { padding: 16px 18px; }
	.av2-faq .faq_list { grid-template-columns: 1fr; }
	.av2-faq .faq_anons { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.av2-faq .faq_icon::before,
	.av2-toc__more::after,
	.av2-author__btn { transition: none; }
}

/* Правки по замечаниям Бро 28.10.2026 (пилот блога) */
/* Текст в карточках читается: крупнее, темнее, с воздухом; длинный текст в трёх колонках не живёт — сборщик такие карточки не ставит */
.av2 #content .av2-card p { font-size: 16px; line-height: 1.55; color: var(--av2-ink-80); }
.av2 #content .av2-card .av2-card__t { color: var(--av2-ink); }
/* кнопка записи в конце статьи и ссылка «Нашли ошибку» не слипаются */
.av2 #content .av2-cta { margin: 28px 0 8px !important; }
.av2 .news_id__mistake { margin-top: 44px !important; }

/* ======================================================================================
   28.10.2026: содержание с потолком высоты, новые списки (steps, pills, dodont, facts, ifthen)
   и блок «Схема глаза» (av2-eye). Всё на токенах --av2-*; шрифты и палитра шаблона.
   ====================================================================================== */
.av2 {
	--av2-bad: #b42318;        /* крестик «нельзя»: контраст на белом 6,5:1 */
	--av2-bad-bg: #fdecea;
	--av2-sky-2: #b9d3f2;      /* вторая ступень голубого (шкала av2-scale) */
	--av2-mid: #7d8fb8;
}

/* --- Содержание: прокрутка внутри, фейд-подсказка, клавиатура --- */
.av2 #toc { padding-bottom: 4px; scroll-padding: 8px 0; }
.av2 #toc:focus-visible { outline: 2px solid var(--av2-navy); outline-offset: -2px; border-radius: 8px; }
.av2-toc.is-fade-b #toc {
	-webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 46px), transparent);
	mask-image: linear-gradient(180deg, #000 calc(100% - 46px), transparent);
}
.av2-toc.is-fade-t #toc {
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 30px);
	mask-image: linear-gradient(180deg, transparent, #000 30px);
}
.av2-toc.is-fade-t.is-fade-b #toc {
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 30px, #000 calc(100% - 46px), transparent);
	mask-image: linear-gradient(180deg, transparent, #000 30px, #000 calc(100% - 46px), transparent);
}
@media (max-width: 767px) {
	.av2-toc.is-fade-b #toc, .av2-toc.is-fade-t #toc { -webkit-mask-image: none; mask-image: none; }
}

/* Общий сброс: у сайта на li::before свои точки/квадраты (.text ul li:before, ._text ol>li:before) — не протекают в новые списки */
.av2 #content ol.av2-steps li::before,
.av2 #content ul.av2-pills li::before,
.av2 #content ul.av2-dodont__list li::before,
.av2 #content ul.av2-facts li::before,
.av2 #content ul.av2-ifthen li::before,
.av2 #content ol.av2-eye__legend li::before { border: 0; box-shadow: none; margin: 0; }

/* --- ol.av2-steps: нумерованные шаги, круглые числа и вертикальная направляющая --- */
.av2 #content ol.av2-steps {
	margin: 20px 0 24px;
	padding: 0;
	list-style: none;
	counter-reset: av2steps;
}
.av2 #content ol.av2-steps li {
	display: block !important;
	position: relative;
	margin: 0 !important;
	padding: 10px 0 34px 62px !important;
	min-height: 44px;
	line-height: 1.5;
	counter-increment: av2steps;
}
.av2 #content ol.av2-steps li:last-child { padding-bottom: 0 !important; }
.av2 #content ol.av2-steps li::before {
	content: counter(av2steps) !important;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 4px solid var(--av2-sky) !important;
	background: var(--av2-card);
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	line-height: 1;
}
.av2 #content ol.av2-steps li::after {
	content: "";
	position: absolute;
	left: 21px;
	top: 48px;
	bottom: 4px;
	width: 2px;
	border-radius: 2px;
	background: var(--av2-sky-2);
}
.av2 #content ol.av2-steps li:last-child::after { content: none; }
.av2 #content ol.av2-steps li:last-child::before { background: var(--av2-ink); }
.av2 #content ol.av2-steps strong,
.av2 #content ol.av2-steps b { color: var(--av2-ink); }

/* --- ul.av2-pills: пилюли в строку (названия, методы; пункт до ~70 знаков) --- */
.av2 #content ul.av2-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0 20px;
	padding: 0;
	list-style: none;
}
.av2 #content ul.av2-pills li {
	position: relative;
	max-width: 100%;
	margin: 0 !important;
	padding: 9px 18px 9px 34px !important;
	border-radius: 999px;
	background: var(--av2-sky);
	color: var(--av2-ink);
	font-size: 16px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}
.av2 #content ul.av2-pills li::before {
	content: "" !important;
	position: absolute;
	left: 15px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: var(--av2-card);
}

/* --- div.av2-dodont: «можно / нельзя», две колонки --- */
.av2 #content .av2-dodont {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 20px 0 24px;
}
.av2 #content .av2-dodont__col {
	min-width: 0;
	padding: 20px 22px 22px;
	border: 1px solid var(--av2-line);
	border-radius: var(--av2-r);
	background: var(--av2-sky);
}
.av2 #content .av2-dodont__col--dont {
	border-color: rgba(180, 35, 24, .28);
	background: var(--av2-bad-bg);
}
.av2 #content .av2-dodont__t {
	margin: 0 0 14px !important;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--av2-ink);
}
.av2 #content ul.av2-dodont__list li::before {
	content: "" !important;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--av2-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.5' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px auto no-repeat;
}
.av2 #content .av2-dodont__col--dont ul.av2-dodont__list li::before {
	background: var(--av2-bad) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px auto no-repeat;
}
.av2 #content ul.av2-dodont__list { margin: 0; padding: 0; list-style: none; }
.av2 #content ul.av2-dodont__list li {
	position: relative;
	margin: 0 0 12px !important;
	padding: 2px 0 0 42px !important;
	color: var(--av2-ink);
	line-height: 1.5;
}
.av2 #content ul.av2-dodont__list li:last-child { margin-bottom: 0 !important; }
.av2 #content ul.av2-dodont__list li::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
}

/* --- ul.av2-facts: крупные факты (жирное слово/число + подпись) --- */
.av2 #content ul.av2-facts {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
	margin: 20px 0 24px;
	padding: 0;
	list-style: none;
}
.av2 #content ul.av2-facts li {
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	margin: 0 !important;
	padding: 20px 20px 22px !important;
	border-radius: var(--av2-r);
	background: var(--av2-sky);
}
.av2 #content ul.av2-facts li::before { content: none !important; }
.av2 #content ul.av2-facts li:first-child:nth-last-child(4),
.av2 #content ul.av2-facts li:first-child:nth-last-child(4) ~ li,
.av2 #content ul.av2-facts li:first-child:nth-last-child(2),
.av2 #content ul.av2-facts li:first-child:nth-last-child(2) ~ li,
.av2 #content ul.av2-facts li:nth-child(3n+1):nth-last-child(2),
.av2 #content ul.av2-facts li:nth-child(3n+2):last-child { grid-column: span 3; }
.av2 #content ul.av2-facts li:nth-child(3n+1):last-child { grid-column: span 6; }
.av2 #content .av2-facts__n::before {
	content: "";
	display: block;
	width: 32px;
	height: 4px;
	margin-bottom: 12px;
	border-radius: 4px;
	background: var(--av2-card);
}
.av2 #content .av2-facts__n {
	display: block;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--av2-ink);
	overflow-wrap: anywhere;
}
.av2 #content .av2-facts__c {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: var(--av2-ink-80);
}

/* --- ul.av2-ifthen: «если → то» одной полосой --- */
.av2 #content ul.av2-ifthen {
	display: grid;
	gap: 12px;
	margin: 20px 0 24px;
	padding: 0;
	list-style: none;
}
.av2 #content ul.av2-ifthen li {
	display: grid;
	grid-template-columns: minmax(0, .85fr) 46px minmax(0, 1.15fr);
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--av2-line-soft);
	border-radius: var(--av2-r);
	overflow: hidden;
	background: #fff;
}
.av2 #content ul.av2-ifthen li::before {
	content: "" !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	grid-column: 2;
	grid-row: 1;
	background: var(--av2-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3 9h11M10 4.5L14.5 9 10 13.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px auto no-repeat;
}
.av2 #content .av2-ifthen__if {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	align-items: center;
	padding: 16px 18px;
	background: var(--av2-sky);
	color: var(--av2-ink);
	font-weight: 600;
	line-height: 1.4;
}
.av2 #content .av2-ifthen__then {
	grid-column: 3;
	grid-row: 1;
	display: flex;
	align-items: center;
	padding: 16px 20px;
	color: var(--av2-ink-80);
	line-height: 1.5;
}

/* --- figure.av2-eye: схема глаза + легенда --- */
.av2 #content figure.av2-eye {
	margin: 28px 0;
	padding: 24px 26px 20px;
	border: 1px solid var(--av2-line-soft);
	border-radius: var(--av2-r);
	background: #fff;
}
.av2 #content .av2-eye__title {
	margin: 0 0 18px !important;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--av2-ink);
}
.av2 #content .av2-eye__body {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 28px;
	align-items: center;
}
.av2 #content .av2-eye__fig { min-width: 0; padding: 8px; border-radius: var(--av2-r); background: #f4f9ff; }
.av2 #content .av2-eye__svg { display: block; width: 100%; height: auto; max-width: 520px; margin: 0 auto; border-radius: 0; }
.av2 #content ol.av2-eye__legend {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}
.av2 #content ol.av2-eye__legend li {
	position: relative;
	display: block !important;
	margin: 0 !important;
	padding: 8px 10px 8px 52px !important;
	border-radius: 10px;
	transition: background-color .2s;
	line-height: 1.4;
}
.av2 #content ol.av2-eye__legend li::before {
	content: attr(data-k) !important;
	position: absolute;
	left: 10px;
	top: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--av2-navy);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}
.av2 #content .av2-eye__name { display: block; font-size: 17px; font-weight: 600; color: var(--av2-ink); }
.av2 #content .av2-eye__line { display: block; margin-top: 2px; font-size: 15px; color: var(--av2-ink-80); }
.av2 #content figure.av2-eye figcaption { margin: 14px 0 0; font-size: 14px; }

/* рисунок: заливки и линии только классами (в разметке нет style) */
.av2-eye .e-body { fill: #f4f9ff; stroke: var(--av2-navy); stroke-width: 3.5; stroke-linejoin: round; }
.av2-eye .e-vitreous { fill: var(--av2-sky); }
.av2-eye .e-cornea { fill: var(--av2-sky-2); stroke: var(--av2-navy); stroke-width: 1.5; stroke-linejoin: round; }
.av2-eye .e-iris { fill: none; stroke: var(--av2-card); stroke-width: 9; stroke-linecap: round; }
.av2-eye .e-lens { fill: #fff; stroke: var(--av2-navy); stroke-width: 3; }
.av2-eye .e-retina { fill: none; stroke: var(--av2-mid); stroke-width: 5; stroke-linecap: round; }
.av2-eye .e-macula { fill: none; stroke: var(--av2-ink); stroke-width: 10; stroke-linecap: butt; }
.av2-eye .e-nerve { fill: var(--av2-sky-2); stroke: var(--av2-navy); stroke-width: 3; stroke-linejoin: round; }
.av2-eye .e-m line { stroke: var(--av2-navy); stroke-width: 1.6; }
.av2-eye .e-dot { fill: var(--av2-navy); }
.av2-eye .e-c { fill: var(--av2-navy); stroke: #fff; stroke-width: 2.5; }
.av2-eye .e-n { fill: #fff; font-family: inherit; font-size: 15px; font-weight: 600; text-anchor: middle; }
.av2-eye .e-s { transition: opacity .2s; }

/* подсветка по наведению: необязательная, чистый CSS (без :has() схема и легенда просто остаются как есть) */
.av2-eye .e-s,
.av2-eye .e-m { cursor: default; }
@supports selector(:has(a)) {
	.av2-eye:has([data-k="1"]:hover) .e-s:not([data-k="1"]),
	.av2-eye:has([data-k="2"]:hover) .e-s:not([data-k="2"]),
	.av2-eye:has([data-k="3"]:hover) .e-s:not([data-k="3"]),
	.av2-eye:has([data-k="4"]:hover) .e-s:not([data-k="4"]),
	.av2-eye:has([data-k="5"]:hover) .e-s:not([data-k="5"]),
	.av2-eye:has([data-k="6"]:hover) .e-s:not([data-k="6"]) { opacity: .28; }
	.av2-eye:has(.e-s[data-k="1"]:hover) li[data-k="1"],
	.av2-eye:has(.e-m[data-k="1"]:hover) li[data-k="1"],
	.av2-eye li[data-k="1"]:hover,
	.av2-eye:has(.e-s[data-k="2"]:hover) li[data-k="2"],
	.av2-eye:has(.e-m[data-k="2"]:hover) li[data-k="2"],
	.av2-eye li[data-k="2"]:hover,
	.av2-eye:has(.e-s[data-k="3"]:hover) li[data-k="3"],
	.av2-eye:has(.e-m[data-k="3"]:hover) li[data-k="3"],
	.av2-eye li[data-k="3"]:hover,
	.av2-eye:has(.e-s[data-k="4"]:hover) li[data-k="4"],
	.av2-eye:has(.e-m[data-k="4"]:hover) li[data-k="4"],
	.av2-eye li[data-k="4"]:hover,
	.av2-eye:has(.e-s[data-k="5"]:hover) li[data-k="5"],
	.av2-eye:has(.e-m[data-k="5"]:hover) li[data-k="5"],
	.av2-eye li[data-k="5"]:hover,
	.av2-eye:has(.e-s[data-k="6"]:hover) li[data-k="6"],
	.av2-eye:has(.e-m[data-k="6"]:hover) li[data-k="6"],
	.av2-eye li[data-k="6"]:hover { background: var(--av2-sky); }
}

/* --- Планшет --- */
@media (max-width: 1023px) {
	/* схема сжимается, номера на ней увеличиваем, чтобы читались */
	.av2-eye .e-c, .av2-eye .e-n { transform-box: fill-box; transform-origin: center; transform: scale(1.5); }
	.av2 #content ul.av2-facts li,
	.av2 #content ul.av2-facts li:first-child:nth-last-child(4) ~ li { grid-column: span 3; }
	.av2 #content ul.av2-facts li:nth-child(odd):last-child { grid-column: span 6; }
}

/* --- Телефон: 390 и 360 px, без горизонтальной прокрутки --- */
@media (max-width: 767px) {
	.av2 #content ol.av2-steps li { padding: 8px 0 30px 54px !important; min-height: 40px; }
	.av2 #content ol.av2-steps li::before { width: 40px; height: 40px; font-size: 17px; }
	.av2 #content ol.av2-steps li::after { left: 19px; top: 44px; }
	.av2 #content ul.av2-pills { gap: 8px; }
	.av2 #content ul.av2-pills li { font-size: 15px; padding: 8px 14px 8px 30px !important; }
	.av2 #content ul.av2-pills li::before { left: 12px; }
	.av2 #content .av2-dodont { grid-template-columns: minmax(0, 1fr); }
	.av2 #content .av2-dodont__col { padding: 16px 16px 18px; }
	.av2 #content .av2-dodont__t { font-size: 18px; }
	.av2 #content ul.av2-facts { grid-template-columns: minmax(0, 1fr); }
	.av2 #content ul.av2-facts li,
	.av2 #content ul.av2-facts li:nth-child(n) { grid-column: 1 / -1 !important; padding: 16px 16px 18px !important; }
	.av2 #content .av2-facts__n { font-size: 20px; }
	.av2 #content ul.av2-ifthen li { grid-template-columns: minmax(0, 1fr); }
	.av2 #content ul.av2-ifthen li::before { grid-column: 1; grid-row: 2; height: 32px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 3v11M4.5 10L9 14.5 13.5 10' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
	.av2 #content .av2-ifthen__if { grid-column: 1; grid-row: 1; padding: 14px 16px; }
	.av2 #content .av2-ifthen__then { grid-column: 1; grid-row: 3; padding: 14px 16px; }
	.av2 #content figure.av2-eye { padding: 16px 14px 14px; }
	.av2 #content .av2-eye__title { font-size: 20px; margin-bottom: 14px !important; }
	.av2 #content .av2-eye__body { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.av2 #content .av2-eye__fig { padding: 4px; }
	.av2 #content ol.av2-eye__legend li { padding: 8px 4px 8px 46px !important; }
	.av2 #content ol.av2-eye__legend li::before { left: 4px; }
}

@media (prefers-reduced-motion: reduce) {
	.av2-eye .e-s,
	.av2 #content ol.av2-eye__legend li { transition: none; }
}