/* ==========================================================================
   Общие штрихи страницы «Расшифровка анализов»: плавные якоря с учётом липкой шапки,
   закреплённая кнопка-призыв на телефоне, лид-вставка
   (блок intro), фирменное выделение текста и единые кольца фокуса.
   Отдельный файл, подключается из service/landing.twig.
   ========================================================================== */

/* якоря не прячутся под липкой шапкой + плавная прокрутка */
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
@media (max-width: 991px) { html { scroll-padding-top: 76px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* фирменное выделение текста */
.analizy-rest ::selection, .aft ::selection { color: #fff; background: #0d7bff; }

/* единые кольца фокуса у ссылок и кнопок секций */
.analizy-rest a:focus-visible, .analizy-rest button:focus-visible, .analizy-rest summary:focus-visible, .aft a:focus-visible, .aft button:focus-visible {
	outline: 3px solid rgba(8, 116, 249, .45); outline-offset: 3px; border-radius: 12px;
}
.aft a:focus-visible, .aft button:focus-visible { outline-color: rgba(143, 200, 255, .8); }

/* ---------- Лид-вставка (блок intro) ---------- */
.analizy-rest > .svc-intro {
	position: relative; width: min(980px, calc(100% - 40px)); max-width: none; margin: 44px auto 12px; padding: 0; overflow: visible;
	border: 0; border-radius: 0; background: none; box-shadow: none; text-align: center;
	color: #1a2a5c; font: 600 clamp(20px, 2.1vw, 32px)/1.35 Inter, sans-serif; letter-spacing: -.045em;
}
.analizy-rest > .svc-intro::before {
	content: ''; display: block; width: 52px; height: 52px; margin: 0 auto 20px; border-radius: 17px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.5l2.2 6.3 6.3 2.2-6.3 2.2L12 19.5l-2.2-6.3L3.5 11l6.3-2.2L12 2.5Z' fill='white'/%3E%3Cpath d='M19 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2Z' fill='white'/%3E%3C/svg%3E") center / 26px no-repeat,
		linear-gradient(135deg, #0d7bff, #7c5cff);
	box-shadow: 0 16px 30px -12px rgba(13, 123, 255, .75);
}
.analizy-rest > .svc-intro::after { content: ''; display: block; width: 72px; height: 3px; margin: 24px auto 0; border-radius: 3px; background: linear-gradient(90deg, #0d7bff, #7c5cff, #22d3ee); opacity: .6; }
.analizy-rest > .svc-intro strong, .analizy-rest > .svc-intro em { font-style: normal; font-weight: 700; background: linear-gradient(100deg, #0d7bff, #7c5cff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.analizy-rest > .svc-intro a { color: #0874f9; text-decoration: none; border-bottom: 1px solid rgba(8, 116, 249, .35); }
@media (max-width: 991px) {
	.analizy-rest > .svc-intro { width: auto; margin: 36px 18px 8px; font-size: 20px; }
	.analizy-rest > .svc-intro::before { width: 46px; height: 46px; border-radius: 15px; }
}

/* ---------- Закреплённая кнопка-призыв (только телефон / планшет) ---------- */
.apg-cta { display: none; }
@media (max-width: 991px) {
	.apg-cta {
		position: fixed; left: 14px; bottom: 14px; z-index: 899; display: inline-flex; align-items: center; gap: 12px;
		max-width: calc(100% - 84px); padding: 14px 18px 14px 22px; border-radius: 16px; color: #fff;
		background: linear-gradient(100deg, #0d7bff, #7c5cff); box-shadow: 0 18px 36px -12px rgba(13, 123, 255, .85), inset 0 1px 0 rgba(255, 255, 255, .3);
		font: 600 15px/1 Inter, sans-serif; letter-spacing: -.02em; text-decoration: none; white-space: nowrap;
		opacity: 0; transform: translateY(24px) scale(.94); pointer-events: none;
		transition: opacity .3s ease, transform .45s cubic-bezier(.34, 1.56, .64, 1);
	}
	.apg-cta.is-shown { opacity: 1; transform: none; pointer-events: auto; }
	.apg-cta:hover, .apg-cta:focus, .apg-cta:active { color: #fff; text-decoration: none; }
	.apg-cta svg { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) { .apg-cta { transition: none; } }

/* ---------- Единая шкала жирности заголовков ----------
   Главный заголовок на десктопе — 700 (как решено для hero), заголовки секций тянем к нему,
   чтобы не было «900 в секциях / 700 в hero». Цены и цифры остаются плотнее. */
@media (min-width: 992px) {
	.analizy-landing .svc-hero h1 { font-weight: 700; }
}
.analizy-rest .analizy-catalog-section__intro h2,
.analizy-cta h2,
.analizy-faq-card__head h3 { font-weight: 700; }
.aqa-help h3, .wbm__head h3 { font-weight: 700; }