/* =========================================================================
 * Тесты: страница теста (single-lp_test.php) и архив (archive-lp_test.php)
 * Макет: Figma «Шаблон страницы теста» — десктоп 1440, планшет 720, телефон 375.
 * Брейкпоинты: телефон ≤599 (как у кода теста), планшет 600–1199, десктоп ≥1200.
 * Общие секции (.age4: методика, отзывы, «Важно начинать», «Присоединяйтесь»)
 * берут стили из logoped-age.css; здесь — только новые блоки.
 * ====================================================================== */

.lp-test-page {
	--lp-text: #2B2D38;
	--lp-text-2: #44465A;
	--lp-muted: #5E6070;
	--lp-violet: #6A4FE0;
	--lp-accent: #E05300;
	--lp-orange: #F26A1B;
	--lp-orange-hover: #E05300;
	color: var(--lp-text);
	overflow-x: clip;
}

.lp-test-page [hidden] {
	display: none !important;
}

.lp-container {
	max-width: 1232px;
	margin: 0 auto;
	padding: 0 16px;
}

.lp-h2 {
	margin: 0;
	font-size: 44px;
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	text-align: center;
	color: var(--lp-text);
}

.lp-h2 span {
	color: var(--lp-accent);
}

.lp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	padding: 0 32px;
	border-radius: 16px;
	background: var(--lp-orange);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	transition: background .2s;
}

.lp-btn:hover,
.lp-btn:focus-visible {
	background: var(--lp-orange-hover);
	color: #fff;
}

.lp-btn:focus-visible,
.lp-share-btn:focus-visible,
.lp-test-tile:focus-visible,
.lp-related-all:focus-visible {
	outline: 2px solid var(--lp-violet);
	outline-offset: 3px;
}

/* ---------- Первый экран ---------- */

.lp-hero {
	padding: 24px 0 48px;
}

.lp-hero .breadcrumb {
	display: block;
	margin: 0 0 32px;
	padding: 0;
	background: none;
	list-style: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--lp-muted);
}

.lp-hero .breadcrumb li {
	display: inline;
}

.lp-hero .breadcrumb img {
	display: none;
}

.lp-hero .breadcrumb li + li::before {
	content: "›";
	margin: 0 8px;
}

.lp-hero .breadcrumb a,
.lp-hero .breadcrumb span {
	color: var(--lp-muted);
	text-decoration: none;
}

.lp-hero .breadcrumb a:hover span {
	color: var(--lp-text);
}

.lp-hero-row {
	display: flex;
	align-items: center;
	gap: 40px;
}

.lp-hero-text {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.lp-hero-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 8px;
}

.lp-pill {
	display: inline-block;
	padding: 7px 12px;
	border-radius: 999px;
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	color: #4A4C5C;
}

.lp-pill_topic {
	color: var(--lp-violet);
	text-transform: uppercase;
}

.lp-hero-title {
	margin: 0;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--lp-text);
}

.lp-hero-title span {
	color: var(--lp-accent);
}

.lp-hero-lead {
	margin: 0;
	font-size: 19px;
	line-height: 1.5;
	color: var(--lp-text-2);
}

.lp-hero-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--lp-text-2);
}

.lp-hero-facts li {
	display: block;
}

.lp-hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.lp-share {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lp-share-label {
	font-size: 14px;
	font-weight: 500;
	color: var(--lp-muted);
}

.lp-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: #fff;
	font-family: inherit;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	color: var(--lp-violet);
	cursor: pointer;
	transition: background .2s, color .2s;
}

.lp-share-btn:hover {
	background: var(--lp-violet);
	color: #fff;
}

.lp-author {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 20px;
	border-radius: 20px;
	background: #fff;
}

.lp-author-photo {
	flex: none;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	background: #E6E9F1;
}

.lp-author-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	max-width: 480px;
}

.lp-author-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--lp-muted);
}

.lp-author-name {
	font-size: 17px;
	font-weight: 700;
	color: var(--lp-text);
}

.lp-author-role {
	font-size: 14px;
	line-height: 1.45;
	color: var(--lp-text-2);
}

.lp-cover-wrap_hero {
	flex: none;
	width: 440px;
}

/* ---------- Обложка теста ----------
 * --u — 1px макета обложки 440×400: обложка масштабируется под ширину контейнера
 * (440px на первом экране, ~261px в карточке «Полезные тесты»). */

.lp-cover-wrap {
	container-type: inline-size;
}

.lp-cover {
	--u: calc(100cqw / 440);
	--lp-cover-accent: #6A3FE0;
	--lp-cover-fact: rgba(106, 63, 224, .55);
	position: relative;
	width: 100%;
	aspect-ratio: 440 / 400;
	border-radius: 32px;
	overflow: hidden;
	isolation: isolate;
}

@supports not (width: 1cqw) {
	.lp-cover-wrap_hero .lp-cover { --u: 1px; }
	.lp-cover-wrap_card .lp-cover { --u: .593px; }
}

.lp-cover-deco,
.lp-cover-deco::before,
.lp-cover-deco::after {
	position: absolute;
	pointer-events: none;
}

.lp-cover-deco {
	inset: 0;
	z-index: -1;
	background-repeat: no-repeat;
}

.lp-cover-deco::before,
.lp-cover-deco::after {
	content: "";
	border-radius: 50%;
	background: rgba(255, 255, 255, .14);
}

.lp-cover-deco::before {
	left: calc(180 * var(--u));
	top: calc(130 * var(--u));
	width: calc(320 * var(--u));
	height: calc(320 * var(--u));
}

.lp-cover-deco::after {
	left: calc(-50 * var(--u));
	top: calc(-50 * var(--u));
	width: calc(160 * var(--u));
	height: calc(160 * var(--u));
}

.lp-cover-photo {
	position: absolute;
	left: calc(181 * var(--u));
	top: calc(70 * var(--u));
	width: calc(264 * var(--u));
	height: calc(330 * var(--u));
	max-width: none;
	object-fit: contain;
	object-position: center bottom;
}

.lp-cover-tag {
	position: absolute;
	left: calc(24 * var(--u));
	top: calc(24 * var(--u));
	padding: calc(8 * var(--u)) calc(14 * var(--u));
	border-radius: 999px;
	background: #fff;
	font-size: calc(12 * var(--u));
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--lp-cover-accent);
}

.lp-cover-bubble {
	position: absolute;
	left: calc(24 * var(--u));
	top: calc(78 * var(--u));
	transform: rotate(3deg);
	transform-origin: left top;
}

.lp-cover-bubble span {
	display: block;
	padding: calc(12 * var(--u)) calc(18 * var(--u));
	border-radius: calc(20 * var(--u));
	background: #fff;
	box-shadow: 0 calc(10 * var(--u)) calc(28 * var(--u)) rgba(20, 10, 64, .22);
	font-size: calc(22 * var(--u));
	font-weight: 900;
	line-height: 1.25;
	white-space: nowrap;
	color: var(--lp-cover-accent);
}

.lp-cover-facts {
	position: absolute;
	left: calc(24 * var(--u));
	top: calc(243 * var(--u));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(8 * var(--u));
}

.lp-cover-facts span {
	padding: calc(9 * var(--u)) calc(14 * var(--u));
	border-radius: calc(14 * var(--u));
	background: var(--lp-cover-fact);
	font-size: calc(17 * var(--u));
	font-weight: 700;
	line-height: 1.25;
	white-space: nowrap;
	color: #fff;
}

/* Направления: цвет, фото, декор */

.lp-cover_logoped {
	background: linear-gradient(137.7deg, #A47BFF 0%, #6A3FE0 71.4%);
}

.lp-cover_logoped .lp-cover-photo {
	left: calc(196 * var(--u));
	top: calc(38 * var(--u));
	width: calc(250 * var(--u));
	height: calc(375 * var(--u));
	object-fit: contain;
}

.lp-cover_logoped .lp-cover-bubble span {
	font-size: calc(28 * var(--u));
}

.lp-cover_neuro {
	--lp-cover-accent: #3659FF;
	--lp-cover-fact: rgba(49, 75, 152, .45);
	background: linear-gradient(180deg, #7288EF 0%, #99A8F3 100%);
}

.lp-cover_neuro .lp-cover-photo {
	left: calc(175 * var(--u));
	width: calc(275 * var(--u));
}

.lp-cover_emo {
	--lp-cover-accent: #2D3138;
	--lp-cover-fact: rgba(45, 49, 56, .85);
	background: linear-gradient(137.7deg, #7DF381 0%, #E3FFCD 71.4%);
}

.lp-cover_emo .lp-cover-deco::before,
.lp-cover_emo .lp-cover-deco::after {
	background: rgba(255, 255, 255, .3);
}

.lp-cover_school {
	--lp-cover-accent: #A87600;
	--lp-cover-fact: rgba(45, 49, 56, .85);
	background: linear-gradient(180deg, #F5B400 0%, #FFD95A 102%);
}

.lp-cover_neuroclass {
	--lp-cover-accent: #D9531E;
	--lp-cover-fact: rgba(45, 49, 56, .85);
	background: linear-gradient(180deg, #FF906A 0%, #FFC185 100%);
}

.lp-cover_neuroclass .lp-cover-photo {
	left: calc(170 * var(--u));
	width: calc(275 * var(--u));
}

/* У «Подготовки к школе» и «Нейроклассов» вместо кругов — фоновая картинка (глобус, колесо обозрения) */
.lp-cover_school .lp-cover-deco::before,
.lp-cover_school .lp-cover-deco::after,
.lp-cover_neuroclass .lp-cover-deco::before,
.lp-cover_neuroclass .lp-cover-deco::after {
	content: none;
}

.lp-cover_school .lp-cover-deco {
	background-image: url(../img/tests/cover-school-bg.webp);
	background-size: cover;
	background-position: center;
}

.lp-cover_neuroclass .lp-cover-deco {
	background-image: url(../img/tests/cover-neuroclass-bg.webp);
	background-size: cover;
	background-position: center;
}

/* ---------- Тест ---------- */

.lp-test-section {
	padding: 0 0 48px;
	scroll-margin-top: 16px;
}

.lp-test-card {
	padding: 40px;
	border-radius: 32px;
	background: #fff;
}

.lp-test-card_empty {
	border: 2px dashed #B8C4FF;
	color: #6B6F80;
	font-size: 16px;
	text-align: center;
}

.lp-test-card_empty a {
	color: var(--lp-accent);
}

.lp-test-cta {
	margin-top: 28px;
}

/* Внутри результата — перед ссылкой «Пройти тест заново» (переносит test.js) */
.lp-test-cta_inside {
	display: block;
	margin: 28px 0 4px;
}

.lp-test-cta_inside + .lp-test-again {
	margin-top: 20px !important;
}

.lp-test-cta-btn {
	height: auto;
	min-height: 58px;
	padding: 12px 32px;
	border-radius: 40px;
}

/* ---------- Блок записи после теста ---------- */

.lp-signup-section {
	padding: 56px 0;
	scroll-margin-top: 16px;
}

.lp-signup {
	--lp-signup-text: #fff;
	--lp-signup-accent: #6A3FE0;
	--lp-signup-ghost: rgba(255, 255, 255, .2);
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 410px;
	max-width: 1166px;
	min-height: 609px;
	margin: 0 auto;
	padding: 28px 24px;
	border-radius: 24px;
	overflow: hidden;
	isolation: isolate;
	color: var(--lp-signup-text);
	background: linear-gradient(137.7deg, #A47BFF 0%, #6A3FE0 71.4%);
}

.lp-signup-deco,
.lp-signup-deco::before,
.lp-signup-deco::after {
	position: absolute;
	pointer-events: none;
}

.lp-signup-deco {
	inset: 0;
	z-index: -1;
	background-repeat: no-repeat;
}

.lp-signup-deco::before,
.lp-signup-deco::after {
	content: "";
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
}

.lp-signup-deco::before {
	left: 340px;
	top: -110px;
	width: 300px;
	height: 300px;
}

.lp-signup-deco::after {
	right: -120px;
	bottom: -160px;
	width: 380px;
	height: 380px;
}

.lp-signup-info {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	max-width: 520px;
	padding: 58px 0 0 20px;
}

.lp-signup-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.lp-signup-pill {
	padding: 8px 14px;
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--lp-signup-accent);
}

.lp-signup-pill_ghost {
	background: var(--lp-signup-ghost);
	font-weight: 700;
	text-transform: none;
	color: var(--lp-signup-text);
}

.lp-signup-kicker {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
}

.lp-signup-title {
	margin: 0;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.12;
	text-transform: none;
	color: var(--lp-signup-text);
}

.lp-signup-title_short,
.lp-signup-list_short,
.lp-signup-timer_short {
	display: none;
}

.lp-signup-text {
	margin: 0;
	max-width: 490px;
	font-size: 18px;
	line-height: 1.45;
}

.lp-signup-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lp-signup-list li {
	position: relative;
	display: block;
	padding-left: 32px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
}

.lp-signup-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.lp-signup-price {
	display: flex;
	align-items: baseline;
	gap: 12px;
	white-space: nowrap;
}

.lp-signup-price b {
	font-size: 30px;
	font-weight: 700;
}

.lp-signup-price s {
	font-size: 18px;
	opacity: .75;
}

.lp-signup-photo {
	position: absolute;
	z-index: 1;
	right: 319px;
	bottom: 0;
	width: 414px;
	height: auto;
	max-width: none;
	pointer-events: none;
}

.lp-signup-form {
	position: relative;
	z-index: 3;
	grid-column: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 553px;
	padding: 26px 37px 28px;
	border-radius: 90px 0 90px 0;
	background: #FEFEFE;
	color: #2D3138;
}

.lp-signup-promo {
	display: inline-flex;
	align-items: center;
	height: 31px;
	padding: 0 18px;
	border-radius: 20px;
	background: #B2FFB5;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.lp-signup-form-title {
	margin-top: 21px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

.lp-signup-timer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 100%;
	min-height: 92px;
	margin-top: 24px;
	padding: 16px 12px;
	border-radius: 14px;
	background: #EDECFE;
}

.lp-signup-timer-label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.05;
	color: #FE6610;
}

.lp-signup-timer-boxes {
	display: flex;
	justify-content: center;
	gap: 12px;
}

.lp-signup-timer-boxes div {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	height: 30px;
	padding: 0 8px;
	border-radius: 20px;
	background: #FEFEFE;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.lp-signup-form .wpcf7 {
	width: 100%;
	margin-top: 10px;
}

.lp-signup-form .wpcf7-form p {
	margin: 0;
}

.lp-signup-form .wpcf7-form br {
	display: none;
}

.lp-signup-form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
	height: 60px;
	padding: 0 20px;
	margin-bottom: 10px;
}

.lp-signup-form .wpcf7-submit {
	display: block;
	width: 100%;
	max-width: none;
	height: 60px;
	margin: 3px 0 0;
	padding: 0 16px;
	border: 0;
	border-radius: 60px;
	background: #FE6610;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: background .2s;
}

.lp-signup-form .wpcf7-submit:hover {
	background: #EC5500;
}

.lp-signup-form .wpcf7-acceptance {
	display: block;
	margin: 15px auto 0;
	font-size: 9px;
	line-height: 1.1;
}

.lp-signup-form .wpcf7-acceptance label {
	justify-content: center;
	line-height: 1.1;
}

.lp-signup-form .wpcf7-acceptance input {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #FE6610;
}

.lp-signup-form .wpcf7-response-output {
	margin: 12px 0 0 !important;
	font-size: 12px;
	text-align: center;
}

/* Продукты: цвет, фото, тёмный текст на светлом фоне */

.lp-signup_logoped .lp-signup-photo {
	right: 360px;
	bottom: 8px;
	width: 344px;
}

.lp-signup_neuro {
	--lp-signup-accent: #3659FF;
	background: linear-gradient(180deg, #7288EF 0%, #99A8F3 100%);
}

.lp-signup_neuro .lp-signup-info,
.lp-signup_emo .lp-signup-info {
	padding-top: 36px;
}

.lp-signup_neuro .lp-signup-photo {
	width: 431px;
}

.lp-signup_emo,
.lp-signup_school,
.lp-signup_neuroclass {
	--lp-signup-text: #2D3138;
	--lp-signup-ghost: rgba(45, 49, 56, .1);
}

.lp-signup_emo {
	--lp-signup-accent: #2D3138;
	background: linear-gradient(137.7deg, #7DF381 0%, #E3FFCD 71.4%);
}

.lp-signup_emo .lp-signup-deco::before,
.lp-signup_emo .lp-signup-deco::after {
	background: rgba(255, 255, 255, .3);
}

.lp-signup_emo .lp-signup-photo {
	right: 336px;
}

.lp-signup_school {
	--lp-signup-accent: #A87600;
	background: linear-gradient(180deg, #F5B400 0%, #FFD95A 102%);
}

.lp-signup_school .lp-signup-deco {
	background-image: url(../img/tests/signup-bg-school.webp);
	background-size: cover;
	background-position: center;
}

.lp-signup_neuroclass {
	--lp-signup-accent: #D9531E;
	background: linear-gradient(180deg, #FF906A 0%, #FFC185 100%);
}

.lp-signup_neuroclass .lp-signup-deco {
	background-image: url(../img/tests/signup-bg-neuroclass.webp);
	background-size: cover;
	background-position: center;
}

.lp-signup_school .lp-signup-deco::before,
.lp-signup_school .lp-signup-deco::after,
.lp-signup_neuroclass .lp-signup-deco::before,
.lp-signup_neuroclass .lp-signup-deco::after {
	content: none;
}

.lp-signup_neuroclass .lp-signup-info {
	padding-top: 71px;
}

.lp-signup_neuroclass .lp-signup-photo {
	right: 310px;
	width: 367px;
}

/* Десктоп: фон блока записи — картинка из макета 1166×609 (градиент + круги), на меньших экранах — CSS выше */
@media (min-width: 1200px) {
	.lp-signup_logoped .lp-signup-deco { background-image: url(../img/tests/signup-bg-logoped.webp); }
	.lp-signup_neuro .lp-signup-deco { background-image: url(../img/tests/signup-bg-neuro.webp); }
	.lp-signup_emo .lp-signup-deco { background-image: url(../img/tests/signup-bg-emo.webp); }

	.lp-signup .lp-signup-deco {
		background-size: 100% 100%;
	}

	.lp-signup_logoped .lp-signup-deco::before,
	.lp-signup_logoped .lp-signup-deco::after,
	.lp-signup_neuro .lp-signup-deco::before,
	.lp-signup_neuro .lp-signup-deco::after,
	.lp-signup_emo .lp-signup-deco::before,
	.lp-signup_emo .lp-signup-deco::after {
		content: none;
	}
}

/* ---------- FAQ ---------- */

.lp-faq {
	padding: 16px 0 96px;
}

.lp-faq .lp-h2 {
	margin-bottom: 32px;
}

/* Фото в «Важно начинать» выходят за низ секции — FAQ отодвигаем, чтобы заголовок не перекрывался */
.early.age4 + .lp-faq {
	padding-top: 120px;
}

.lp-faq-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lp-faq .faq-item {
	position: relative;
	padding: 0;
	border-radius: 18px;
	background: #fff;
	cursor: pointer;
}

.lp-faq .faq-item::after {
	content: none;
}

.lp-faq .faq-question {
	position: relative;
	padding: 14px 62px 14px 20px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--lp-text);
}

.lp-faq .faq-question::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	border-radius: 50%;
	background: #D9DBE3;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	color: #4A4C5C;
	transition: transform .2s;
}

.lp-faq .faq-item.active .faq-question::after {
	transform: rotate(45deg);
}

.lp-faq .faq-answer {
	display: none;
	padding: 0 20px 18px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--lp-text-2);
}

/* ---------- SEO-текст ---------- */

.seo.lp-seo {
	padding: 8px 0 32px;
}

.lp-seo .lp-h2 {
	margin-bottom: 32px;
}

.lp-seo-text {
	max-width: 960px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.6;
	color: var(--lp-text-2);
}

.lp-seo-text p {
	margin: 0 0 20px;
}

.lp-seo-text h3 {
	margin: 28px 0 12px;
	font-size: 20px;
	font-weight: 700;
	color: var(--lp-text);
}

.lp-seo .show-more {
	display: inline-block;
	margin-top: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--lp-accent);
}

/* ---------- Полезные тесты ---------- */

.lp-related {
	padding: 8px 0 88px;
}

.lp-related .lp-h2 {
	margin-bottom: 36px;
}

.lp-related-scroll {
	max-width: 1232px;
	margin: 0 auto;
	padding: 0 16px;
}

.lp-related-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.lp-test-tile {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 12px 16px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 6px 12px rgba(43, 46, 56, .06);
	color: var(--lp-text);
}

.lp-test-tile:hover {
	color: var(--lp-text);
}

.lp-test-tile-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: calc(3em * 1.3);
	overflow: hidden;
	padding: 0 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
}

.lp-test-tile-meta {
	margin-top: -4px;
	padding: 0 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--lp-muted);
}

.lp-test-tile-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	margin-top: auto;
	border-radius: 14px;
	background: var(--lp-orange);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	transition: background .2s;
}

.lp-test-tile:hover .lp-test-tile-btn {
	background: var(--lp-orange-hover);
}

.lp-related-all {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 52px;
	margin: 36px auto 0;
	border: 1.5px solid var(--lp-text);
	border-radius: 999px;
	font-size: 18px;
	font-weight: 500;
	color: var(--lp-text);
	transition: background .2s, color .2s;
}

.lp-related-all:hover {
	background: var(--lp-text);
	color: #fff;
}

/* =========================================================================
 * Каталог тестов (archive-lp_test.php) — макет «Каталог тестов — десктоп 1440»
 * ====================================================================== */

.lp-btn_pill {
	height: auto;
	padding: 18px 32px;
	border-radius: 40px;
	background: #FF6B1A;
	font-size: 18px;
}

.lp-btn_pill:hover,
.lp-btn_pill:focus-visible {
	background: #E85D10;
}

/* Первый экран */

.lp-catalog-hero {
	padding-bottom: 64px;
}

.lp-catalog-hero .breadcrumb {
	margin-bottom: 28px;
	color: #6B6884;
}

.lp-catalog-hero-row {
	display: flex;
	align-items: center;
	gap: 40px;
}

.lp-catalog-hero-text {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.lp-catalog-title {
	margin: 0;
	font-size: 52px;
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
	color: #2D3138;
}

.lp-catalog-title span {
	color: #FF6B1A;
}

.lp-catalog-lead {
	margin: 0;
	font-size: 19px;
	line-height: 1.5;
	color: #3B3854;
}

.lp-catalog-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lp-catalog-facts li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 14px 20px;
	border-radius: 18px;
	background: #fff;
	white-space: nowrap;
}

.lp-fact-value {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	color: #2D3138;
}

.lp-fact-label {
	font-size: 14px;
	color: #6B6884;
}

.lp-fact_short {
	display: none;
}

.lp-catalog-hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

.lp-catalog-note {
	font-size: 15px;
	font-weight: 500;
	color: #6B6884;
}

/* Коллаж обложек 560×470: сзади слева, сзади справа, спереди */
.lp-collage {
	position: relative;
	flex: none;
	width: 560px;
	height: 470px;
}

.lp-collage .lp-cover-wrap {
	position: absolute;
}

.lp-collage .lp-cover {
	box-shadow: 0 16px 40px rgba(64, 51, 128, .18);
}

.lp-collage .lp-cover-wrap:nth-child(1) {
	left: -14px;
	top: 52px;
	width: 273px;
	transform: rotate(6deg);
}

.lp-collage .lp-cover-wrap:nth-child(2) {
	left: 310px;
	top: 0;
	width: 255px;
	transform: rotate(-5deg);
}

.lp-collage .lp-cover-wrap:nth-child(3) {
	left: 120px;
	top: 120px;
	width: 361px;
}

/* Каталог */

.lp-catalog {
	padding: 40px 0 104px;
	scroll-margin-top: 16px;
}

.lp-catalog .lp-h2 {
	margin-bottom: 28px;
}

.lp-filters {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px 24px;
	border-radius: 24px;
	background: #fff;
}

.lp-filters-row {
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.lp-filters-label {
	flex: none;
	width: 110px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	color: #6B6884;
}

.lp-filters-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 6px;
}

.lp-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 10px 13px;
	border: 0;
	border-radius: 40px;
	background: #F1F2F7;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	white-space: nowrap;
	color: #2D3138;
	cursor: pointer;
	transition: background .2s, color .2s;
}

.lp-chip i {
	flex: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.lp-chip:hover {
	background: #E4E0F7;
}

.lp-chip[aria-pressed="true"] {
	background: #6A3FE0;
	font-weight: 700;
	color: #fff;
}

.lp-chip:focus-visible,
.lp-catalog-more:focus-visible,
.lp-catalog-reset:focus-visible {
	outline: 2px solid #6A3FE0;
	outline-offset: 2px;
}

/* Популярный тест */

.lp-popular {
	display: flex;
	align-items: center;
	gap: 48px;
	margin-top: 28px;
	padding: 20px;
	border-radius: 32px;
	background: #fff;
}

.lp-popular .lp-cover-wrap {
	flex: none;
	width: 440px;
}

.lp-popular-info {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	padding-right: 32px;
}

.lp-popular-badge {
	padding: 8px 14px;
	border-radius: 20px;
	background: #FFF0E3;
	font-size: 14px;
	font-weight: 700;
	color: #E85D10;
}

.lp-popular-title {
	margin: 0;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
}

.lp-popular-title a {
	color: #2D3138;
}

.lp-popular-title a:hover {
	color: #6A3FE0;
}

.lp-popular-text {
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
	color: #3B3854;
}

.lp-popular-meta {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	white-space: pre-wrap;
	color: #6B6884;
}

.lp-popular .lp-btn_pill {
	padding: 18px 40px;
}

.lp-popular-author {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #6B6884;
}

.lp-popular-author img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

/* Сетка карточек */

.lp-catalog-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px 20px;
	margin-top: 28px;
}

.lp-catalog-empty {
	margin: 28px 0 0;
	font-size: 17px;
	text-align: center;
	color: #6B6884;
}

.lp-catalog-reset {
	margin: 0 0 0 6px;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-weight: 600;
	color: #6A3FE0;
	text-decoration: underline;
	cursor: pointer;
}

.lp-catalog-more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 211px;
	height: 58px;
	margin: 28px auto 0;
	padding: 0;
	border: 1.5px solid #2B2D38;
	border-radius: 999px;
	background: none;
	font-family: inherit;
	font-size: 18px;
	font-weight: 500;
	color: #2B2D38;
	cursor: pointer;
	transition: background .2s, color .2s;
}

.lp-catalog-more:hover {
	background: #2B2D38;
	color: #fff;
}

/* Заголовок над блоком записи */

.lp-signup-heading {
	max-width: 820px;
	margin: 0 auto 28px;
	text-align: center;
}

.lp-signup-heading p {
	margin: 28px 0 0;
	font-size: 18px;
	line-height: 1.5;
	color: #3B3854;
}

.lp-tests-archive .lp-signup-section {
	padding: 0 0 104px;
}

/* Как устроены наши тесты */

.lp-how {
	padding: 0 0 104px;
}

.lp-how .lp-h2 {
	margin-bottom: 36px;
}

.lp-how-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lp-how-item {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 28px;
	border-radius: 28px;
	background: linear-gradient(180deg, #D7DEFF 0%, #F4DCFF 100%);
}

.lp-how-item:nth-child(even) {
	border: 4px solid #B8C4FF;
	background: #fff;
}

.lp-how-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #FF6B1A;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

.lp-how-item b {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	color: #2D3138;
}

.lp-how-item > span:last-child {
	font-size: 15px;
	line-height: 1.5;
	color: #3B3854;
}

.lp-tests-archive .lp-seo {
	padding-top: 0;
}

.lp-tests-archive .video-reviews.age4 + .lp-seo {
	padding-top: 40px;
}

/* =========================================================================
 * Общие секции в оформлении макета теста: «Методика», «Важно начинать», «Похожие страницы».
 * Разметка — та же, что на «Логопед N лет» (template-parts/test/, logopotam_seo_links()),
 * поэтому всё внутри .lp-test-page: другие страницы сайта не меняются.
 * ====================================================================== */

/* ---------- Авторская методика (Figma 880:250, планшет 937:818, телефон 937:1672) ---------- */

.lp-test-page .metodic-new {
	padding: 48px 0 80px;
	color: #2D3138;
}

.lp-test-page .metodic-new h2 {
	margin-bottom: 30px;
	text-align: center;
}

.lp-test-page .metodic-new h2 span {
	justify-content: center;
}

.lp-test-page .metodic-new .subtitle {
	max-width: 800px;
	margin: 0 auto;
	font-size: 30px;
	line-height: 1.4;
	text-align: center;
}

/* Карточки — сеткой: на десктопе 3 колонки разной высоты, как в макете */
.lp-test-page .metodic-new .metodic-wrap {
	display: grid;
	grid-template-columns: 367fr 394fr 367fr;
	grid-template-areas:
		"game spec attn"
		"game app attn"
		"indiv app feedback";
	gap: 20px 14px;
	margin-top: 50px;
}

.lp-test-page .metodic-new .metodic-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: auto;
	height: auto;
	min-height: 0;
	max-height: none;
	padding: 20px;
	border: 0;
	border-radius: 28px;
	background: linear-gradient(180deg, #D7DEFF 0%, #F4DCFF 100%);
	font-size: 18px;
	line-height: 1.4;
	overflow: hidden;
}

/* Белые карточки: рамка 4px с переходом от голубого к сиреневому */
.lp-test-page .metodic-new .metodic-item.white {
	border: 4px solid transparent;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(90deg, #B8C4FF 0%, #E6B7FF 100%) border-box;
}

.lp-test-page .metodic-new .metodic-item b {
	font-size: 21px;
	font-weight: 600;
	line-height: 1.4;
}

.lp-test-page .metodic-new .metodic-item img {
	max-width: 100%;
	height: auto;
	margin-top: auto;
	padding-top: 14px;
}

.lp-test-page .metodic-new .metodic-item_game { grid-area: game; }
.lp-test-page .metodic-new .metodic-item_indiv { grid-area: indiv; }
.lp-test-page .metodic-new .metodic-item_spec { grid-area: spec; }
.lp-test-page .metodic-new .metodic-item_app { grid-area: app; }
.lp-test-page .metodic-new .metodic-item_attn { grid-area: attn; }
.lp-test-page .metodic-new .metodic-item_feedback { grid-area: feedback; }

.lp-test-page .metodic-new .metodic-item_spec img {
	max-width: 301px;
	padding-top: 9px;
}

.lp-test-page .metodic-new .metodic-item_app img,
.lp-test-page .metodic-new .metodic-item_attn img {
	margin-bottom: -20px;
}

.lp-test-page .metodic-new .metodic-item_attn img {
	width: 115%;
	max-width: none;
	margin-left: -15px;
}

/* ---------- Важно начинать в детстве (Figma 880:426, планшет 937:1009, телефон 937:1899) ---------- */

.lp-test-page .early.age4 {
	color: #000;
}

.lp-test-page .early.age4 h2 {
	margin-bottom: 24px;
	color: #2D3138;
}

.lp-test-page .early.age4 .description {
	max-width: 1000px;
	margin-bottom: 54px;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.1;
	color: #2D3138;
}

.lp-test-page .early.age4 .early-col {
	border-radius: 24px;
}

/* Высота карточек — по тексту (у направлений разное число строк), снизу место под заметку и фото */
@media (min-width: 1200px) {
	.lp-test-page .early.age4 .early-col {
		min-height: 0;
		padding-bottom: 68px;
	}

	.lp-test-page .early.age4 .early-col_good {
		padding-bottom: 110px;
	}
}

.lp-test-page .early.age4 .early-lead {
	margin-bottom: 20px;
}

.lp-test-page .early.age4 .early-col li {
	margin-bottom: 14px;
}

.lp-test-page .early.age4 .early-col_bad {
	background: linear-gradient(180deg, #DCE2F5 0%, #E9E4FA 100%);
}

/* Правый верхний угол — загнутый лист (картинка early-corner.png закрывает его цветом фона страницы) */
.lp-test-page .early.age4 .early-col_good {
	border-top-right-radius: 0;
	background: linear-gradient(180deg, #FFE6D6 0%, #FFF3EA 100%);
}

.lp-test-page .early.age4 .early-corner {
	top: -11px;
	right: -7px;
	width: 121px;
}

/* В шрифтах сайта нет Geologica ExtraBold (800) — без этого браузер берёт Black (900) */
.lp-test-page .early.age4 .early-col h3 {
	font-weight: 700;
	color: #000;
}

.lp-test-page .early.age4 .early-col li:before {
	background: #9A9CC9;
}

.lp-test-page .early.age4 .early-col_good li:before {
	background: #FE6610;
}

/* ---------- Похожие страницы (Figma 876:131, планшет 937:1125, телефон 937:2013) ---------- */

.lp-test-page .seo-links-wrap {
	padding: 42px 0 96px;
}

.lp-test-page .seo-links-wrap .container {
	max-width: 1232px;
	padding: 0 16px;
}

.lp-test-page .seo-links-wrap .row {
	margin: 0;
}

.lp-test-page .seo-links-wrap .col-12 {
	padding: 0;
}

.lp-test-page .seo-links-wrap .seo-links-title {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	color: #2B2D38;
}

.lp-test-page .seo-links-wrap .seo-links {
	justify-content: center;
	gap: 10px;
}

.lp-test-page .seo-links-wrap .seo-links a {
	margin: 0;
	padding: 9px 14px;
	border: 1px solid #D5D7E2;
	border-radius: 10px;
	background: #F4F5F9;
	font-size: 15px;
	line-height: 19px;
	color: #2B2D38;
	transition: border-color .2s, background-color .2s;
}

.lp-test-page .seo-links-wrap .seo-links a:hover {
	border-color: #B9BCCC;
	background: #fff;
}

.lp-test-page .seo-links-wrap #seo-links-show-more {
	border-color: #D4D6E2;
	background: #D4D6E2;
	font-weight: 600;
}

@media (max-width: 1199px) {
	.lp-test-page .metodic-new .container,
	.lp-test-page .early.age4 .container,
	.lp-test-page .seo-links-wrap .container {
		max-width: none;
		padding: 0 40px;
	}

	.lp-test-page .metodic-new h2 {
		font-size: 28px;
		margin-bottom: 24px;
	}

	.lp-test-page .metodic-new h2 span:after {
		font-size: 22px;
	}

	.lp-test-page .metodic-new .subtitle {
		max-width: 440px;
		font-size: 18px;
	}

	.lp-test-page .metodic-new .subtitle br {
		display: none;
	}

	/* Планшет: 2 независимые колонки, как в макете — слева «Игровой формат», «Индивидуальный подход»,
	   «Приложение», справа «Сильные специалисты», «Удерживаем внимание», «Обратная связь» */
	.lp-test-page .metodic-new .metodic-wrap {
		display: block;
		columns: 2;
		column-gap: 22px;
		margin-top: 40px;
	}

	.lp-test-page .metodic-new .metodic-item {
		margin-bottom: 20px;
		padding: 20px 14px;
		font-size: 17px;
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
	}

	.lp-test-page .metodic-new .metodic-item_spec {
		break-before: column;
		-webkit-column-break-before: always;
	}

	.lp-test-page .metodic-new .metodic-btn-wrap {
		flex-direction: row;
		gap: 22px;
		margin-top: 20px;
		text-align: left;
	}

	.lp-test-page .metodic-new .metodic-btn-wrap .btn {
		flex: 0 0 calc(50% - 11px);
		width: auto;
	}

	.lp-test-page .metodic-new .metodic-btn-wrap span {
		font-size: 15px;
	}

	.lp-test-page .metodic-new .metodic-btn-wrap br {
		display: none;
	}

	.lp-test-page .metodic-new .metodic-item b {
		font-size: 20px;
	}

	.lp-test-page .early.age4 .description {
		font-size: 18px;
		line-height: 1.2;
		margin-bottom: 60px;
	}

	.lp-test-page .seo-links-wrap {
		padding: 19px 0 40px;
	}
}

/* «Важно начинать» на планшете 600–743: в logoped-age.css с 743px уже телефонная раскладка,
   а в макете теста планшет 720 — как у «Логопед N лет» на 744–991: карточки 562px, заметка и фото поверх края */
@media (min-width: 600px) and (max-width: 991px) {
	/* фото мальчика выходит за низ карточки на 136px — «Хорошая новость» ниже него, как в макете */
	.lp-test-page .early.age4 .early-cols {
		gap: 220px;
	}

	/* фото — правее заметки, как в макете, чтобы не закрывать её текст */
	.lp-test-page .early.age4 .early-boy {
		left: 322px;
		right: auto;
	}
}

@media (min-width: 600px) and (max-width: 743px) {
	.lp-test-page .early.age4 .early-col,
	.lp-test-page .early.age4 .early-col_bad,
	.lp-test-page .early.age4 .early-col_good {
		padding: 24px 30px 150px 35px;
	}

	.lp-test-page .early.age4 .early-col li,
	.lp-test-page .early.age4 .early-lead {
		font-size: 18px;
	}

	.lp-test-page .early.age4 .early-note {
		position: absolute;
		left: 17px;
		bottom: -88px;
		width: 341px;
		min-height: 125px;
		margin: 0;
		padding: 33px 60px 20px 24px;
	}

	.lp-test-page .early.age4 .early-boy {
		position: absolute;
		left: 322px;
		right: auto;
		bottom: -136px;
		width: 265px;
		margin: 0;
	}

	.lp-test-page .early.age4 .early-kids {
		left: 161px;
		bottom: -78px;
		width: 270px;
		margin-left: 0;
	}
}

@media (max-width: 599px) {
	.lp-test-page .metodic-new .container,
	.lp-test-page .early.age4 .container,
	.lp-test-page .seo-links-wrap .container {
		padding: 0 16px;
	}

	.lp-test-page .metodic-new h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.lp-test-page .metodic-new .subtitle {
		font-size: 15px;
	}

	/* Телефон: одна колонка, порядок как в макете */
	.lp-test-page .metodic-new .metodic-wrap {
		display: grid;
		gap: 20px;
		grid-template-columns: 1fr;
		grid-template-areas: "game" "spec" "indiv" "app" "attn" "feedback";
		margin-top: 32px;
	}

	.lp-test-page .metodic-new .metodic-item {
		margin-bottom: 0;
	}

	.lp-test-page .metodic-new .metodic-item b {
		font-size: 19px;
	}

	.lp-test-page .metodic-new .metodic-btn-wrap {
		flex-direction: column-reverse;
		gap: 20px;
		text-align: center;
	}

	.lp-test-page .metodic-new .metodic-btn-wrap .btn {
		flex: none;
		width: 100%;
	}

	.lp-test-page .metodic-new .metodic-item {
		font-size: 17px;
	}

	.lp-test-page .early.age4 .description {
		font-size: 16px;
		margin-bottom: 32px;
	}

	.lp-test-page .early.age4 .early-corner {
		top: -8px;
		right: -5px;
		width: 60px;
	}

	.lp-test-page .seo-links-wrap {
		padding: 11px 0 40px;
	}

	.lp-test-page .seo-links-wrap .seo-links-title {
		font-size: 16px;
	}

	.lp-test-page .seo-links-wrap .seo-links {
		gap: 8px;
	}
}

/* =========================================================================
 * Планшет: 600–1199
 * ====================================================================== */

@media (max-width: 1199px) {
	.lp-container {
		padding: 0 40px;
	}

	.lp-h2 {
		font-size: 28px;
	}

	/* Обложка на планшете и телефоне скрыта — по макету */
	.lp-cover-wrap_hero {
		display: none;
	}

	.lp-hero {
		padding-bottom: 32px;
	}

	.lp-hero-title {
		font-size: 36px;
	}

	.lp-hero-lead {
		font-size: 18px;
	}

	.lp-author {
		align-self: stretch;
	}

	.lp-author-info {
		max-width: none;
	}

	.lp-test-section {
		padding: 8px 0 56px;
	}

	.lp-test-card {
		padding: 32px;
	}

	/* Блок записи: текст с фото сверху, форма снизу */
	.lp-signup-section {
		padding: 24px 0 56px;
	}

	.lp-signup {
		display: block;
		max-width: 640px;
		min-height: 0;
		padding: 0;
		border-radius: 28px;
	}

	.lp-signup-deco::before {
		left: auto;
		right: -60px;
		top: -110px;
	}

	.lp-signup-deco::after {
		content: none;
	}

	.lp-signup .lp-signup-info {
		gap: 16px;
		max-width: none;
		min-height: 470px;
		padding: 36px 230px 40px 36px;
	}

	.lp-signup-kicker,
	.lp-signup-title_full,
	.lp-signup-form-title,
	.lp-signup-timer_full {
		display: none;
	}

	.lp-signup-title_short,
	.lp-signup-timer_short {
		display: inline;
	}

	.lp-signup-title {
		font-size: 30px;
	}

	.lp-signup-text {
		font-size: 16px;
	}

	.lp-signup-list li {
		font-size: 15px;
	}

	.lp-signup .lp-signup-photo {
		right: 70px;
		top: 175px;
		bottom: auto;
		width: 240px;
	}

	.lp-signup_logoped .lp-signup-photo {
		right: 80px;
		top: 186px;
		width: 220px;
	}

	.lp-signup-form {
		min-height: 0;
		margin: -24px 24px 24px;
		padding: 26px 32px 28px;
		border-radius: 24px;
	}

	.lp-signup-timer {
		flex-direction: row;
		gap: 8px;
		min-height: 41px;
		margin-top: 16px;
		padding: 8px 13px;
		border-radius: 40px;
	}

	.lp-signup-timer-label {
		text-transform: uppercase;
	}

	.lp-signup-timer-boxes {
		gap: 8px;
	}

	.lp-signup-timer-boxes div {
		min-width: 54px;
		height: 22px;
		font-size: 11px;
	}

	.lp-signup-form .wpcf7 {
		margin-top: 16px;
	}

	/* Имя и телефон в две колонки — та же техника, что у формы в блоке consult (logoped-age) */
	.lp-signup-form .wpcf7-form {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 12px;
		align-items: start;
	}

	.lp-signup-form .wpcf7-form > fieldset,
	.lp-signup-form .wpcf7-form > p,
	.lp-signup-form .wpcf7-form > p > label,
	.lp-signup-form .wpcf7-form > label,
	.lp-signup-form .wpcf7-form > div:not(.wpcf7-response-output) {
		display: contents;
	}

	.lp-signup-form .wpcf7-form .wpcf7-form-control-wrap {
		display: block;
		min-width: 0;
	}

	/* В форме с email (3196) email — отдельной строкой под именем и телефоном */
	.lp-signup-form .wpcf7-form .wpcf7-form-control-wrap[data-name="email"],
	.lp-signup-form .wpcf7-form .wpcf7-submit,
	.lp-signup-form .wpcf7-form .wpcf7-form-control-wrap[data-name*="accept"],
	.lp-signup-form .wpcf7-form .wpcf7-acceptance,
	.lp-signup-form .wpcf7-form .wpcf7-response-output {
		grid-column: 1 / -1;
	}

	/* FAQ, SEO, полезные тесты */
	.lp-faq {
		padding: 26px 0 56px;
	}

	.lp-faq .lp-h2,
	.lp-seo .lp-h2 {
		margin-bottom: 32px;
	}

	.lp-related .lp-h2 {
		margin-bottom: 32px;
	}

	/* Полезные тесты: горизонтальный скролл */
	.lp-related-scroll {
		max-width: none;
		margin: 0 40px;
		padding: 0;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.lp-related-scroll::-webkit-scrollbar {
		display: none;
	}

	.lp-related-list {
		display: flex;
		width: max-content;
		gap: 16px;
		padding-bottom: 12px;
	}

	.lp-related .lp-test-tile {
		flex: none;
		width: 285px;
		scroll-snap-align: start;
	}

	.lp-related-all {
		margin-top: 24px;
	}

	/* Каталог — макет «Каталог тестов — планшет 720» */
	.lp-catalog-hero {
		padding-bottom: 0;
	}

	.lp-catalog-hero .breadcrumb {
		margin-bottom: 24px;
		font-size: 13px;
	}

	.lp-catalog-hero-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.lp-catalog-hero-text {
		align-self: stretch;
	}

	.lp-catalog-title {
		font-size: 40px;
	}

	.lp-catalog-lead {
		font-size: 18px;
	}

	.lp-catalog-facts {
		flex-wrap: nowrap;
		width: 100%;
	}

	.lp-catalog-facts li {
		flex: 1 1 0;
		min-width: 0;
		border-radius: 16px;
	}

	.lp-fact_full {
		display: none;
	}

	.lp-fact_short {
		display: inline;
	}

	.lp-catalog-note {
		display: none;
	}

	.lp-catalog-hero .lp-btn_pill {
		font-size: 17px;
	}

	.lp-catalog {
		padding: 80px 0 80px;
	}

	.lp-filters {
		gap: 16px;
		padding: 18px 20px 20px;
	}

	.lp-filters-row {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.lp-filters-label {
		width: auto;
		padding-top: 0;
		font-size: 13px;
	}

	.lp-popular {
		gap: 24px;
		padding: 20px;
		border-radius: 28px;
	}

	.lp-popular .lp-cover-wrap {
		width: 273px;
	}

	.lp-popular-info {
		padding-right: 8px;
	}

	.lp-popular-title {
		font-size: 24px;
	}

	.lp-popular-text {
		font-size: 16px;
	}

	.lp-catalog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}

	.lp-signup-heading {
		margin-bottom: 24px;
	}

	.lp-signup-heading p {
		margin-top: 24px;
		font-size: 17px;
	}

	.lp-tests-archive .lp-signup-section,
	.lp-how {
		padding-bottom: 80px;
	}

	.lp-how .lp-h2 {
		margin-bottom: 28px;
	}

	.lp-how-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.lp-how-item {
		padding: 24px;
	}
}

/* =========================================================================
 * Телефон: ≤599
 * ====================================================================== */

@media (max-width: 599px) {
	.lp-container {
		padding: 0 16px;
	}

	.lp-related-scroll {
		margin: 0 16px;
	}

	.lp-h2 {
		font-size: 24px;
	}

	.lp-hero {
		padding: 16px 0 32px;
	}

	.lp-hero .breadcrumb {
		margin-bottom: 32px;
	}

	.lp-hero-title {
		font-size: 26px;
	}

	.lp-hero-lead {
		font-size: 16px;
	}

	.lp-hero-facts {
		gap: 10px 12px;
	}

	.lp-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		width: 100%;
	}

	.lp-hero-start {
		width: 100%;
	}

	.lp-share {
		gap: 10px;
	}

	.lp-author {
		align-items: flex-start;
		gap: 12px;
		width: 100%;
		padding: 16px 14px;
	}

	.lp-author-photo {
		width: 56px;
		height: 56px;
	}

	.lp-test-section {
		padding: 0 0 40px;
	}

	.lp-test-card {
		padding: 20px;
		border-radius: 24px;
	}

	.lp-test-cta-btn {
		width: 100%;
		padding: 12px 16px;
		font-size: 16px;
	}

	.lp-signup-section {
		padding: 16px 0 40px;
	}

	.lp-signup {
		border-radius: 24px;
	}

	.lp-signup .lp-signup-info {
		gap: 14px;
		min-height: 0;
		padding: 24px 118px 52px 20px;
	}

	.lp-signup-pill_ghost,
	.lp-signup-text,
	.lp-signup-list_full {
		display: none;
	}

	.lp-signup-list_short {
		display: inline;
	}

	.lp-signup-title {
		font-size: 22px;
	}

	.lp-signup-list {
		gap: 8px;
	}

	.lp-signup-list li {
		padding-left: 24px;
		font-size: 14px;
		white-space: nowrap;
	}

	.lp-signup-list li::before {
		top: 1px;
		width: 16px;
		height: 16px;
	}

	.lp-signup-price b {
		font-size: 20px;
	}

	.lp-signup-price s {
		font-size: 16px;
	}

	.lp-signup .lp-signup-photo,
	.lp-signup_logoped .lp-signup-photo {
		right: -32px;
		top: 91px;
		width: 191px;
	}

	.lp-signup-form {
		margin: -40px 12px 12px;
		padding: 18px 12px;
		border-radius: 20px;
	}

	.lp-signup-timer {
		gap: 8px;
		padding: 10px 13px;
	}

	.lp-signup-timer-boxes div {
		min-width: 54px;
		height: 20px;
		padding: 0 6px;
		font-size: 9px;
	}

	.lp-signup-form .wpcf7-form {
		display: block;
	}

	.lp-faq {
		padding: 16px 0 48px;
	}

	.lp-faq .lp-h2,
	.lp-seo .lp-h2,
	.lp-related .lp-h2 {
		margin-bottom: 24px;
	}

	.lp-faq .faq-question {
		padding: 14px 54px 14px 20px;
	}

	.lp-faq .faq-answer {
		padding: 0 20px 18px;
	}

	.lp-seo-text {
		font-size: 15px;
	}

	.lp-related {
		padding-bottom: 48px;
	}

	.lp-related .lp-test-tile {
		width: 260px;
	}

	/* Каталог — макет «Каталог тестов — телефон 375» */
	.lp-catalog-hero .breadcrumb {
		margin-bottom: 16px;
	}

	.lp-collage {
		display: none;
	}

	.lp-catalog-hero-row,
	.lp-catalog-hero-text {
		gap: 16px;
	}

	.lp-catalog-title {
		font-size: 30px;
	}

	.lp-catalog-lead {
		font-size: 16px;
	}

	.lp-catalog-facts {
		gap: 8px;
	}

	.lp-catalog-facts li {
		padding: 12px;
	}

	.lp-fact-value {
		font-size: 17px;
		white-space: nowrap;
	}

	.lp-fact-label {
		font-size: 12px;
	}

	.lp-catalog-hero-actions {
		align-self: stretch;
	}

	.lp-catalog-hero .lp-btn_pill {
		flex: 1 1 auto;
	}

	.lp-catalog {
		padding: 56px 0;
	}

	.lp-catalog .lp-h2 {
		margin-bottom: 20px;
	}

	.lp-filters {
		gap: 12px;
		padding: 14px;
		border-radius: 20px;
	}

	.lp-chip {
		padding: 9px 12px;
	}

	.lp-popular {
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
		margin-top: 20px;
		padding: 14px;
		border-radius: 24px;
	}

	.lp-popular .lp-cover-wrap {
		width: 100%;
	}

	.lp-popular-info {
		padding: 0 4px 8px;
	}

	.lp-popular-title {
		font-size: 22px;
	}

	.lp-popular-text {
		font-size: 15px;
	}

	.lp-popular .lp-btn_pill {
		align-self: stretch;
	}

	.lp-catalog-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 20px;
	}

	.lp-catalog-more {
		width: 100%;
	}

	.lp-signup-heading {
		margin-bottom: 16px;
	}

	.lp-signup-heading p {
		margin-top: 16px;
		font-size: 15px;
	}

	.lp-tests-archive .lp-signup-section,
	.lp-how {
		padding-bottom: 56px;
	}

	.lp-how .lp-h2 {
		margin-bottom: 20px;
	}

	.lp-how-list {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.lp-how-item {
		padding: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lp-faq .faq-question::after,
	.lp-btn,
	.lp-share-btn,
	.lp-test-tile-btn,
	.lp-related-all {
		transition: none;
	}
}