/*
 * CRHD — страница одного рейтинга v2 (макет Claude Design «Рейтинг — Уборка квартир v2»).
 * Поверх cr-site-core.css и cr-home.css, всё под `.crh4-page.crp5`.
 */

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

.crh5 .crp5-band--top {
	padding: 24px 0 0;
	overflow: hidden;
}

.crp5 .crp5-bc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 20px;
	font-size: 14px;
	color: var(--ink3);
}

.crh4-page.crp5 .crp5-bc a {
	color: var(--ink3);
}

.crh4-page.crp5 .crp5-bc a:hover {
	color: var(--blue);
}

.crp5 .crp5-bc span:last-child {
	color: var(--ink);
	font-weight: 600;
}

.crp5 .crp5-top__c {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.crh4-page.crp5 .crp5-h1 {
	margin-top: 18px;
	max-width: 920px;
	font-size: clamp(34px, 2.8vw + 16px, 60px);
	line-height: 1.06;
	font-weight: 800;
	letter-spacing: -.03em;
	text-wrap: balance;
}

.crp5 .crh5-b {
	color: var(--blue);
}

.crh4-page.crp5 .crp5-lead {
	margin-top: 16px;
	max-width: 760px;
	font-size: 16px;
	line-height: 1.55;
	color: var(--ink2);
	text-wrap: balance;
}

.crp5 .crp5-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}

.crp5 .crp5-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--soft);
	font-size: 14px;
	color: var(--ink2);
	white-space: nowrap;
}

.crp5 .crp5-pill b {
	font-size: 17px;
	font-weight: 800;
	color: var(--ink);
}

.crp5 .crp5-sw {
	position: relative;
}

.crh4-page.crp5 .crp5-sw__b {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px 0 18px;
	border: 1.5px solid var(--line2);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	transition: border-color .15s, background .15s;
}

.crh4-page.crp5 .crp5-sw__b:hover {
	border-color: var(--blue);
	background: var(--blue-t);
}

.crp5 .crp5-sw__l {
	position: absolute;
	top: 52px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 30;
	min-width: 280px;
	max-height: 360px;
	overflow: auto;
	padding: 6px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--sh-drop);
	text-align: left;
}

.crh4-page.crp5 .crp5-sw__l a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: var(--ink);
}

.crh4-page.crp5 .crp5-sw__l a:hover {
	background: var(--soft);
	color: var(--ink);
}

.crp5 .crp5-sw__l a[aria-selected="true"] {
	color: #2f56e0;
	background: var(--blue-t);
}

.crp5 .crp5-sw__l a span {
	font-size: 13px;
	font-weight: 500;
	color: var(--ink3);
}

/* ---------- Пьедестал ---------- */

.crp5 .crp5-pod {
	position: relative;
	margin: 36px -20px 0;
	background: linear-gradient(180deg, #fff 0%, #f4f7fd 55%, #f3f6fb 100%);
	overflow: hidden;
}

.crp5 .crp5-pod__fx {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.crp5 .crp5-glow {
	position: absolute;
	left: 50%;
	top: 38%;
	width: 680px;
	max-width: 120%;
	height: 420px;
	transform: translate(-50%, -50%);
	background: radial-gradient(ellipse at center, rgba(74, 114, 255, .16), rgba(74, 114, 255, 0) 66%);
}

.crp5 .crp5-ray {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 420px;
	max-width: 90%;
	height: 100%;
	transform: translateX(-50%);
	background: linear-gradient(180deg, rgba(74, 114, 255, 0), rgba(74, 114, 255, .13));
	clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);
	animation: crp5-ray .9s ease 1.2s both;
}

.crp5 .crp5-pod .crh5-spark {
	animation: crh5-twinkle 3.4s ease-in-out infinite;
}

.crp5 .crp5-pod__g {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: end;
	gap: 10px;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 12px 0;
}

.crp5 .crp5-col {
	--lg: 58px;
	--h: 84px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	text-align: center;
	color: var(--ink);
}

.crh4-page.crp5 .crp5-col:hover {
	color: var(--ink);
}

.crp5 .crp5-col--1 {
	--lg: 72px;
	--h: 150px;
}

.crp5 .crp5-col--2 {
	--h: 112px;
}

.crp5 .crp5-crown {
	margin-bottom: 4px;
	animation: crp5-crown .6s cubic-bezier(.34, 1.56, .64, 1) 1.05s both;
}

.crp5 .crp5-lg {
	width: var(--lg);
	height: var(--lg);
	display: grid;
	place-items: center;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 11, 47, .12);
	transition: box-shadow .2s;
	animation: crp5-drop .7s cubic-bezier(.34, 1.56, .64, 1) both;
}

.crp5 .crp5-col--1 .crp5-lg {
	box-shadow: 0 0 0 3px var(--blue), 0 14px 36px rgba(74, 114, 255, .28);
	animation-delay: .6s;
}

.crp5 .crp5-col--2 .crp5-lg {
	animation-delay: .75s;
}

.crp5 .crp5-col--3 .crp5-lg {
	animation-delay: .9s;
}

.crp5 .crp5-col:hover .crp5-lg {
	box-shadow: 0 0 0 5px var(--blue-l), 0 14px 36px rgba(0, 11, 47, .16);
}

.crp5 .crp5-col--1:hover .crp5-lg {
	box-shadow: 0 0 0 3px var(--blue), 0 0 0 8px var(--blue-l);
}

.crp5 .crp5-lg .crh4-logo-box {
	--s: calc(var(--lg) - 14px) !important;
	border-radius: 50%;
	box-shadow: none;
}

.crp5 .crp5-col__n {
	max-width: 100%;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.crp5 .crp5-col__m {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	margin-top: 3px;
	font-size: 12px;
	color: var(--ink3);
	white-space: nowrap;
}

.crp5 .crp5-col__o {
	display: none;
}

.crp5 .crp5-step {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: var(--h);
	margin-top: 12px;
	padding-top: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	border-radius: 18px 18px 0 0;
	animation: crp5-grow 1s cubic-bezier(.23, 1, .32, 1) both;
}

.crp5 .crp5-col--1 .crp5-step {
	background: linear-gradient(180deg, #6a8cff, #3f66f0);
	color: #fff;
	animation-delay: .1s;
}

.crp5 .crp5-col--2 .crp5-step {
	background: linear-gradient(180deg, #dde6ff, #c9d7ff);
	color: #2f56e0;
	animation-delay: .25s;
}

.crp5 .crp5-col--3 .crp5-step {
	background: linear-gradient(180deg, #eef1f6, #e1e6ef);
	color: var(--ink2);
	animation-delay: .4s;
}

.crp5 .crp5-step i {
	font-style: normal;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
}

.crp5 .crp5-step > span {
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

.crp5 .crp5-col--1 .crp5-step::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -40%;
	width: 40%;
	background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .38), rgba(255, 255, 255, 0));
	animation: crp5-shine 3.2s ease-in-out 2s infinite;
}

@keyframes crp5-grow {
	from {
		height: 0;
	}
}

@keyframes crp5-drop {
	from {
		opacity: 0;
		transform: translateY(-28px) scale(.85);
	}
}

@keyframes crp5-crown {
	from {
		opacity: 0;
		transform: translateY(-16px) rotate(-12deg);
	}
}

@keyframes crp5-ray {
	from {
		opacity: 0;
	}
}

@keyframes crp5-shine {
	0% {
		transform: translateX(0);
	}
	45%,
	100% {
		transform: translateX(420%);
	}
}

@media (min-width: 760px) {
	.crp5 .crp5-pod {
		margin: 40px 0 0;
		border-radius: 36px 36px 0 0;
	}
	.crp5 .crp5-pod__g {
		gap: 24px;
		padding: 56px 24px 0;
	}
	.crp5 .crp5-col {
		--lg: 76px;
		--h: 128px;
	}
	.crp5 .crp5-col--1 {
		--lg: 108px;
		--h: 230px;
	}
	.crp5 .crp5-col--2 {
		--lg: 84px;
		--h: 170px;
	}
	.crp5 .crp5-col__n {
		margin-top: 14px;
		font-size: 19px;
	}
	.crp5 .crp5-col__m {
		font-size: 14px;
		gap: 5px;
	}
	.crp5 .crp5-col__o {
		display: inline;
	}
	.crp5 .crp5-col__s {
		display: none;
	}
	.crp5 .crp5-step {
		margin-top: 16px;
		padding-top: 20px;
		border-radius: 22px 22px 0 0;
	}
	.crp5 .crp5-step i {
		font-size: 44px;
	}
	.crp5 .crp5-step > span {
		font-size: 15px;
	}
}

/* ---------- Список компаний ---------- */

.crp5 .crp5-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	margin: 28px 0 18px;
}

.crp5 .crp5-sort {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 100%;
	min-width: 0;
}

.crp5 .crp5-sort > span {
	display: none;
	font-size: 14px;
	color: var(--ink3);
}

.crp5 .crp5-sort__s {
	display: flex;
	gap: 8px;
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: none;
}

.crp5 .crp5-sort__s::-webkit-scrollbar {
	display: none;
}

.crh4-page.crp5 .crp5-sort__s button {
	flex: none;
	height: 40px;
	padding: 0 16px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink2);
	white-space: nowrap;
	transition: background .15s, color .15s;
}

.crh4-page.crp5 .crp5-sort__s button[aria-selected="true"] {
	border-color: #000b2f;
	background: #000b2f;
	color: #fff;
}

.crh4-page.crp5 .crp5-info {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	color: #2f56e0;
}

.crh4-page.crp5 .crp5-info:hover {
	border-color: var(--blue);
}

@media (min-width: 760px) {
	.crp5 .crp5-sort > span {
		display: inline;
	}
	.crp5 .crp5-sort__s {
		gap: 2px;
		padding: 4px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: #fff;
	}
	.crh4-page.crp5 .crp5-sort__s button {
		height: 38px;
		border: 0;
		border-radius: 10px;
		background: transparent;
	}
}

.crp5 .crp5-cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.crp5 .crp5-card {
	padding: 16px;
	border: 2px solid transparent;
	border-radius: 20px;
	background: #fff;
	transition: box-shadow .2s, border-color .2s;
}

.crp5 .crp5-card:hover {
	box-shadow: 0 12px 32px rgba(0, 11, 47, .1);
}

.crp5 .crp5-card.is-first {
	border-color: var(--blue);
}

.crp5 .crp5-card.is-cmp {
	border-color: #9db3ff;
}

.crp5 .crp5-card__g {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.crp5 .crp5-pl {
	flex: none;
	align-self: flex-start;
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	height: 30px;
	padding: 0 12px;
	align-items: center;
	border-radius: 10px;
	background: var(--soft);
	color: var(--ink2);
	font-size: 13px;
	font-weight: 700;
}

.crp5 .crp5-pl b {
	font-weight: 800;
}

.crp5 .crp5-pl i {
	font-style: normal;
}

.crp5 .crp5-pl--1 {
	background: #fff1c2;
	color: #8a5a00;
}

.crp5 .crp5-pl--2 {
	background: #eef1f6;
	color: #3f4b6b;
}

.crp5 .crp5-pl--3 {
	background: #fde6d6;
	color: #9a4a12;
}

/* Название, значки, описание, условия */
.crp5 .crp5-id {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 8px 12px;
	align-items: center;
	min-width: 0;
}

.crp5 .crp5-id__top {
	display: contents;
}

.crp5 .crp5-id .crp5-id__lg {
	--s: 56px !important;
	grid-row: 1;
	border-radius: 14px;
}

.crp5 .crp5-id__tx {
	grid-row: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.crp5 .crp5-id__h {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

.crh4-page.crp5 .crp5-id__nm {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--ink);
}

.crh4-page.crp5 .crp5-id__nm:hover {
	color: var(--blue);
}

.crp5 .crp5-lv {
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
}

.crp5 .crp5-lv.is-lead {
	background: #e8eeff;
	color: #2f56e0;
}

.crp5 .crp5-lv.is-strong {
	background: #e7f6ee;
	color: #1d7a4a;
}

.crp5 .crp5-lv.is-base {
	background: var(--soft);
	color: var(--ink2);
}

.crp5 .crp5-promo {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	max-width: 100%;
	padding: 3px 10px;
	border-radius: 8px;
	background: #fff4e0;
	color: #8a5a00;
	font-size: 12px;
	font-weight: 700;
}

.crp5 .crp5-promo span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.crp5 .crp5-id__m {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--ink3);
}

.crp5 .crp5-id__d,
.crp5 .crp5-id__i,
.crp5 .crp5-chips {
	grid-column: 1 / -1;
}

.crp5 .crp5-id__d {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.45;
	color: var(--ink2);
}

.crp5 .crp5-id__i {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 13px;
	color: var(--ink3);
}

.crp5 .crp5-id__i li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.crp5 .crp5-id__i .crh4-i {
	color: var(--ink4);
}

.crp5 .crp5-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.crp5 .crp5-chips span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 28px;
	padding: 0 10px;
	border-radius: 8px;
	background: #e7f6ee;
	color: #1d7a4a;
	font-size: 12px;
	font-weight: 600;
}

.crp5 .crp5-chips i {
	font-style: normal;
	font-size: 11px;
}

/* Плашки: баллы и оценка */
.crp5 .crp5-sc {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
}

.crp5 .crp5-t {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 14px;
	border-radius: 16px;
	background: var(--soft);
}

.crp5 .crp5-t small {
	font-size: 12px;
	color: var(--ink3);
}

.crp5 .crp5-t__v {
	display: flex;
	align-items: center;
	gap: 10px;
}

.crp5 .crp5-t--p .crp5-t__v b {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: .02em;
}

.crp5 .crp5-t--r {
	display: none;
}

.crp5 .crp5-t--r .crp5-t__v {
	gap: 6px;
}

.crp5 .crp5-t--r .crp5-t__v b {
	font-size: 17px;
	font-weight: 800;
}

.crp5 .crp5-t__s {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
}

.crp5 .crp5-t__s span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
}

.crp5 .crp5-t__s b {
	font-weight: 700;
}

.crp5 .crp5-bar {
	flex: 1;
	min-width: 40px;
	height: 6px;
	border-radius: 3px;
	background: var(--blue-l);
	overflow: hidden;
}

.crp5 .crp5-bar i {
	display: block;
	height: 100%;
	width: var(--w, 0);
	border-radius: inherit;
	background: linear-gradient(90deg, #7f9bff, #4a72ff);
	transform-origin: left center;
}

.crp5 .crh5-in .crp5-bar i {
	animation: crh5-fill 1s cubic-bezier(.2, .7, .2, 1) both;
}

/* Цена, телефон, действия */
.crp5 .crp5-ac {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.crp5 .crp5-pr {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.crp5 .crp5-pr small {
	font-size: 12px;
	color: var(--ink3);
}

.crp5 .crp5-pr b {
	font-size: 20px;
	font-weight: 800;
	line-height: 1.15;
}

.crh4-page.crp5 .crp5-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border-radius: 12px;
	background: var(--blue);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	transition: background .15s, transform .15s;
}

.crh4-page.crp5 .crp5-ph:hover {
	background: var(--blue-h);
	color: #fff;
}

.crh4-page.crp5 .crp5-ph:active {
	transform: scale(.97);
}

.crh4-page.crp5 .crp5-ph.is-open {
	background: var(--blue-l);
	color: #2f56e0;
}

.crp5 .crp5-ac__r {
	display: flex;
	gap: 8px;
}

.crh4-page.crp5 .crp5-more,
.crh4-page.crp5 .crp5-cmp {
	display: inline-flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	border: 1px solid var(--line);
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink2);
}

.crh4-page.crp5 .crp5-more {
	color: #2f56e0;
	font-weight: 700;
}

.crp5 .crp5-more .crh4-i {
	transition: transform .2s;
}

.crp5 .crp5-more[aria-expanded="true"] .crh4-i {
	transform: rotate(180deg);
}

.crp5 .crp5-cmp i {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border: 1.5px solid var(--line2);
	border-radius: 5px;
	background: #fff;
	color: transparent;
}

.crp5 .crp5-cmp[aria-checked="true"] i {
	border-color: var(--blue);
	background: var(--blue);
	color: #fff;
}

.crp5 .crp5-cmp.is-off {
	opacity: .45;
}

/* Раскрытие */
.crp5 .crp5-det {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--line3);
	animation: crp5-fade .18s ease both;
}

@keyframes crp5-fade {
	from {
		opacity: 0;
	}
}

.crp5 .crp5-d {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
}

.crp5 .crp5-d__t {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	border-radius: 16px;
	background: var(--soft);
	font-size: 14px;
	line-height: 1.4;
}

.crp5 .crp5-d__h {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--ink3);
}

.crh4-page.crp5 .crp5-d__ph {
	font-size: 18px;
	font-weight: 800;
	color: var(--ink);
}

.crp5 .crp5-d__msg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.crh4-page.crp5 .crp5-d__msg a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 32px;
	padding: 0 10px;
	border-radius: 10px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	color: var(--ink);
}

.crp5 .crp5-d__msg a span {
	display: flex;
	width: 18px;
	height: 18px;
}

.crp5 .crp5-d__msg svg {
	width: 18px;
	height: 18px;
}

.crh4-page.crp5 .crp5-d__site {
	font-weight: 600;
	color: #2f56e0;
	word-break: break-all;
}

.crp5 .crp5-d__mut {
	color: var(--ink3);
	font-size: 13px;
}

.crp5 .crp5-d__s {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
}

.crp5 .crp5-d__sn {
	flex: none;
	width: 96px;
	color: var(--ink2);
}

.crp5 .crp5-d__s b {
	flex: none;
	min-width: 32px;
	text-align: right;
}

.crh4-page.crp5 .crp5-d__go {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-weight: 700;
	color: #2f56e0;
}

/* ПК: строка-карточка */
@media (min-width: 760px) {
	.crp5 .crp5-cards {
		gap: 14px;
	}
	.crp5 .crp5-card {
		padding: 22px 24px;
		border-radius: 24px;
	}
	.crp5 .crp5-card__g {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		grid-template-areas:
			"pl id"
			". sc"
			". ac";
		gap: 16px 20px;
		align-items: center;
	}
	.crp5 .crp5-pl {
		grid-area: pl;
		align-self: center;
		justify-content: center;
		width: 52px;
		height: 52px;
		padding: 0;
		border-radius: 14px;
		font-size: 22px;
		font-weight: 800;
	}
	.crp5 .crp5-pl i {
		display: none;
	}
	.crp5 .crp5-id {
		grid-area: id;
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 6px 16px;
	}
	.crp5 .crp5-id .crp5-id__lg {
		--s: 72px !important;
		grid-row: 1 / span 4;
		align-self: start;
		border-radius: 16px;
	}
	.crp5 .crp5-id__tx,
	.crp5 .crp5-id__d,
	.crp5 .crp5-id__i,
	.crp5 .crp5-chips {
		grid-column: 2;
	}
	.crp5 .crp5-id__tx {
		grid-row: 1;
	}
	.crh4-page.crp5 .crp5-id__nm {
		font-size: 19px;
	}
	.crp5 .crp5-id__m {
		display: none;
	}
	.crp5 .crp5-id__i {
		display: none;
	}
	.crp5 .crp5-sc {
		grid-area: sc;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	}
	.crp5 .crp5-t--r {
		display: flex;
	}
	.crp5 .crp5-ac {
		grid-area: ac;
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 10px 16px;
		align-items: center;
	}
	.crp5 .crp5-ac__r {
		grid-column: 1 / -1;
	}
}

@media (min-width: 1100px) {
	.crp5 .crp5-card__g {
		grid-template-columns: 52px minmax(0, 1.2fr) minmax(280px, 1fr) 190px;
		grid-template-areas: "pl id sc ac";
		gap: 20px;
	}
	.crp5 .crp5-ac {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.crp5 .crp5-ac__r {
		grid-column: auto;
		justify-content: space-between;
	}
	.crh4-page.crp5 .crp5-more,
	.crh4-page.crp5 .crp5-cmp {
		flex: none;
		height: 32px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
	}
	.crh4-page.crp5 .crp5-ph {
		height: 44px;
	}
	.crp5 .crp5-d {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}
}

.crp5 .crp5-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	margin-top: 20px;
	font-size: 14px;
	color: var(--ink2);
}

.crp5 .crp5-foot .crh4-btn {
	height: 48px;
	border-radius: 12px;
	font-weight: 700;
}

.crp5 .crp5-note {
	margin-top: 16px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--ink3);
}

.crp5 .crp5-empty {
	padding: 32px;
	border-radius: 20px;
	background: #fff;
	text-align: center;
}

/* ---------- Что уточнить, другие рейтинги ---------- */

.crp5 .crp5-tips__g {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 28px 32px;
	margin-top: 28px;
}

.crp5 .crp5-tip {
	padding-top: 18px;
	border-top: 1px solid var(--line);
}

.crh4-page.crp5 .crp5-tip h3 {
	margin-bottom: 8px;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.25;
}

.crp5 .crp5-tip p {
	font-size: 15px;
	line-height: 1.55;
	color: var(--ink2);
}

.crp5 .crp5-oth__h {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 20px;
	margin-bottom: 28px;
}

.crp5 .crp5-oth__g {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	border: 1px solid var(--line);
	border-radius: 24px;
	overflow: hidden;
}

.crh4-page.crp5 .crp5-o {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 20px;
	border-top: 1px solid var(--line3);
	color: var(--ink);
	transition: background .15s;
}

.crh4-page.crp5 .crp5-o:first-child {
	border-top: 0;
}

.crh4-page.crp5 .crp5-o:hover {
	background: var(--blue-t);
	color: var(--ink);
}

.crp5 .crp5-o__t {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.crp5 .crp5-o__t b {
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
}

.crp5 .crp5-o__t small {
	font-size: 13px;
	color: var(--ink3);
}

.crp5 .crp5-o__a {
	color: var(--blue);
}

@media (min-width: 760px) {
	.crp5 .crp5-oth__g {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}
	.crh4-page.crp5 .crp5-o {
		border-top: 0;
		border-left: 1px solid var(--line3);
	}
	.crh4-page.crp5 .crp5-o:first-child {
		border-left: 0;
	}
}

.crp5 .crr5-ib {
	flex: none;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--blue-l);
	color: var(--blue);
}

.crh5 .crr5-band--forco {
	padding-top: 0;
}

.crh5 .crr5-band--forco .crh5-forco {
	margin-top: 0;
}

/* ---------- Панель сравнения и окно ---------- */

.crp5 .crp5-bar2 {
	position: fixed;
	left: 50%;
	bottom: 16px;
	z-index: 70;
	width: min(720px, calc(100% - 24px));
	transform: translateX(-50%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	padding: 12px 14px 12px 18px;
	border-radius: 18px;
	background: #000b2f;
	color: #fff;
	box-shadow: 0 16px 40px rgba(0, 11, 47, .3);
	animation: crp5-fade .2s ease both;
}

.crp5 .crp5-bar2__t {
	flex: 1 1 200px;
	min-width: 0;
	font-size: 14px;
	line-height: 1.35;
}

.crh4-page.crp5 .crp5-bar2 button {
	height: 44px;
	padding: 0 18px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.crh4-page.crp5 .crp5-bar2__x {
	background: rgba(255, 255, 255, .12);
}

.crh4-page.crp5 .crp5-bar2__go {
	background: var(--blue);
}

.crh4-page.crp5 .crp5-bar2__go:disabled {
	opacity: .5;
	cursor: default;
}

.crp5-cg {
	display: grid;
	grid-template-columns: var(--cols);
	gap: 0;
	align-items: center;
	font-size: 14px;
}

.crp5-cg > div {
	padding: 12px 8px;
	border-top: 1px solid var(--line3);
	min-width: 0;
}

.crp5-cg__h {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border-top: 0 !important;
}

.crp5-cg__l {
	color: var(--ink3);
	font-size: 13px;
}

.crp5-cg__a a {
	font-weight: 700;
	color: #2f56e0;
}

/* ---------- Движение включено всегда (см. комментарий в cr-home.css) ---------- */

@media (prefers-reduced-motion: reduce) {
	.crh4-page.crp5 .crp5-step {
		animation: crp5-grow 1s cubic-bezier(.23, 1, .32, 1) both !important;
	}
	.crh4-page.crp5 .crp5-col--1 .crp5-step {
		animation-delay: .1s !important;
	}
	.crh4-page.crp5 .crp5-col--2 .crp5-step {
		animation-delay: .25s !important;
	}
	.crh4-page.crp5 .crp5-col--3 .crp5-step {
		animation-delay: .4s !important;
	}
	.crh4-page.crp5 .crp5-lg {
		animation: crp5-drop .7s cubic-bezier(.34, 1.56, .64, 1) both !important;
	}
	.crh4-page.crp5 .crp5-col--1 .crp5-lg {
		animation-delay: .6s !important;
	}
	.crh4-page.crp5 .crp5-col--2 .crp5-lg {
		animation-delay: .75s !important;
	}
	.crh4-page.crp5 .crp5-col--3 .crp5-lg {
		animation-delay: .9s !important;
	}
	.crh4-page.crp5 .crp5-crown {
		animation: crp5-crown .6s cubic-bezier(.34, 1.56, .64, 1) 1.05s both !important;
	}
	.crh4-page.crp5 .crp5-ray {
		animation: crp5-ray .9s ease 1.2s both !important;
	}
	.crh4-page.crp5 .crp5-col--1 .crp5-step::after {
		animation: crp5-shine 3.2s ease-in-out 2s infinite !important;
	}
	.crh4-page.crp5 .crp5-pod .crh5-spark {
		animation: crh5-twinkle 3.4s ease-in-out infinite !important;
	}
	.crh4-page.crp5 .crh5-in .crp5-bar i {
		animation: crh5-fill 1s cubic-bezier(.2, .7, .2, 1) both !important;
	}
	.crh4-page.crp5 .crp5-det,
	.crh4-page.crp5 .crp5-bar2 {
		animation: crp5-fade .18s ease both !important;
	}
}

/* Ритм нижних секций: подряд идущие белые блоки не раздуваем двойным отступом. */
.crh5 .crh5-band--white + .crh5-band--white {
	padding-top: 24px;
}

.crh5 .crh5-band--white + .crr5-band--forco {
	padding-top: 0;
}

/* Подложка пьедестала на всю ширину экрана: по бокам нет пустых полей, свечение и звёзды идут до краёв. */
@media (min-width: 760px) {
	.crp5 .crp5-pod {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		border-radius: 0;
		background:
			radial-gradient(ellipse 60% 70% at 50% 45%, rgba(74, 114, 255, .13), rgba(74, 114, 255, 0) 70%),
			radial-gradient(ellipse 35% 55% at 8% 70%, rgba(223, 232, 255, .9), rgba(223, 232, 255, 0) 70%),
			radial-gradient(ellipse 35% 55% at 92% 60%, rgba(227, 246, 238, .8), rgba(227, 246, 238, 0) 70%),
			linear-gradient(180deg, #fff 0%, #f4f7fd 55%, #f3f6fb 100%);
	}
	.crp5 .crp5-glow {
		width: 900px;
	}
}

/* Вопросы на белой полосе: карточки серые, иначе белое на белом. */
.crp5 .crh4-q {
	background: var(--soft);
}