/* Start:/local/templates/doctor/components/bitrix/news/stati/bitrix/news.detail/.default/style.css?17828957803018*/
.share__bottom-rating {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.share__bottom-rating-stars {
	display: flex;
	align-items: center;
	gap: 2px;
}

.share__bottom-rating-star {
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 24px;
	line-height: 1;
	color: #d9d9d9;
	cursor: pointer;
	transition: color .2s ease;
}

.share__bottom-rating-star.is-active {
	color: #f5b301;
}

.share__bottom-rating-info {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #787070;
}

.share__bottom-rating-value {
	font-weight: 700;
	color: #323232;
}

.needed__buttons {
	display: none!important;
	overflow-x: scroll;
}

.needed--articles {
	display: none!important;
}

@media (max-width: 1100px) {
	.needed--articles {
		display: flex!important;
	}
	.needed__buttons {
		display: flex!important;
	}
}

@media (max-width: 1410px) {
	.needed__buttons {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		justify-content: flex-start !important;
		gap: 8px;
		width: 100%;
		padding-bottom: 6px; 
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.needed__buttons::-webkit-scrollbar {
		display: none;
	}
	.needed__buttons-btn {
		flex: 0 0 auto !important;
		width: 200px !important;
		display: block !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
		line-height: 1.4;
	}
}

.breed-related {
	margin: 32px 0 28px;
}

.breed-related__title {
	margin-bottom: 14px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
	color: #202020;
}

.breed-related__scroll {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 0 12px;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	text-overflow: ellipsis;
	text-align: center;
}

.breed-related__scroll::-webkit-scrollbar {
	height: 6px;
}

.breed-related__scroll::-webkit-scrollbar-track {
	background: #eef3e7;
	border-radius: 999px;
}

.breed-related__scroll::-webkit-scrollbar-thumb {
	background: #6c9b3c;
	border-radius: 999px;
}

.breed-related__item {
	flex: 0 0 auto;
	min-width: 220px;
	max-width: 100%;
	padding: 14px 18px;
	border-radius: 16px;
	background: #ffffff;
	border: 1px solid #e1ecd6;
	color: #202020;
	font-size: 15px;
	line-height: normal;
	text-decoration: none;
	scroll-snap-align: start;
	transition: border-color 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.breed-related__item:hover {
	border-color: #6c9b3c;
	transform: translateY(-2px);
}

@media (max-width: 768px) {
	.breed-related {
		margin: 24px 0;
	}

	.breed-related__title {
		font-size: 18px;
	}

	.breed-related__item {
		min-width: 180px;
		max-width: 240px;
		padding: 12px 14px;
		font-size: 14px;
	}
}

.statiDetail .wrapperMain {
	max-width: 70%!important;
}

@media (max-width: 1100px) {
	.statiDetail .wrapperMain {
		max-width: 100%!important;
	}
}





/* End */


/* Start:/upload/article_assets/iblock_2/element_3249.css?178971529341523*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=3249 */

/* ===== STYLE BLOCK ===== */

:where(.pp-comparison), :where(.pp-comparison) *, :where(.pp-comparison)::before, :where(.pp-comparison) *::before, :where(.pp-comparison)::after, :where(.pp-comparison) *::after { box-sizing: border-box; margin: 0; padding: 0; }
:where(.pp-comparison) h1, :where(.pp-comparison) h2, :where(.pp-comparison) h3 { font-size: inherit; font-weight: inherit; line-height: inherit; }

.pp-comparison {
  --g:    #1a9160;
  --g-d:  #126644;
  --g-l:  #e8f7f1;
  --g-m:  #a8ddc8;
  --n900: #111318;
  --n800: #242832;
  --n700: #3a4050;
  --n600: #565e70;
  --n500: #7c8494;
  --n400: #97a0ae;
  --n300: #b8bec8;
  --n200: #d8dce4;
  --n100: #eceef2;
  --n050: #f5f6f8;
  --wh:   #ffffff;
  --am:   #d4740a;
  --am-l: #fdf3e6;
  --re:   #c43020;
  --re-l: #fdecea;
  --bl:   #2454c8;
  --bl-l: #edf1fc;
  --page-bg: #f4f5f7;
  --a-clr: #1a9160;   /* акцент бренда A — Now Fresh */
  --a-l:   #e8f7f1;
  --b-clr: #c43020;   /* акцент бренда B — GO! Solutions */
  --b-l:   #fdecea;
}

.pp-comparison {
  font-family: 'Inter', system-ui, sans-serif;
  background: var(--page-bg);
  color: var(--n800);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

:where(.pp-comparison) .page { max-width: 1080px; margin: 0 auto; padding: 20px 24px 64px; }

:where(.pp-comparison) .sh { font-size: 18px; font-weight: 800; color: var(--n900); margin: 30px 0 4px; letter-spacing: -.3px; }
:where(.pp-comparison) .sh-sub { font-size: 12.5px; color: var(--n500); margin-bottom: 14px; }

/* ════════════════════════════════
   ЗАГОЛОВОК + ВЫБОР БРЕНДОВ
════════════════════════════════ */
:where(.pp-comparison) .cmp-h1 { font-size: 26px; font-weight: 800; color: var(--n900); letter-spacing: -.4px; margin-bottom: 6px; }
:where(.pp-comparison) .cmp-sub { font-size: 14px; color: var(--n600); max-width: unset; line-height: 1.6; margin-bottom: 18px; }

:where(.pp-comparison) .brand-picker {
  display: grid; grid-template-columns: 1fr 46px 1fr;
  align-items: center; gap: 10px;
  margin-bottom: 8px;
}
:where(.pp-comparison) .bp-select {
  height: 46px; border-radius: 10px; border: 1.5px solid var(--n200);
  background: var(--wh); padding: 0 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-size: 14px; font-weight: 700; color: var(--n900); cursor: pointer;
}
:where(.pp-comparison) .bp-select.a { border-color: var(--a-clr); }
:where(.pp-comparison) .bp-select.b { border-color: var(--b-clr); }
:where(.pp-comparison) .bp-select .car { font-size: 10px; color: var(--n400); }
:where(.pp-comparison) .bp-swap {
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--n900); color: #fff; font-size: 15px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto; cursor: pointer;
}
:where(.pp-comparison) .cmp-more { font-size: 12px; color: var(--g); font-weight: 600; margin-bottom: 4px; display:inline-block; }

/* ════════════════════════════════
   ОБЩАЯ СЕТКА VS-БЛОКОВ
════════════════════════════════ */
:where(.pp-comparison) .vs-row {
  display: grid; grid-template-columns: 1fr 56px 1fr;
  align-items: center; gap: 0;
  margin-bottom: 8px;
}
:where(.pp-comparison) .vs-badge {
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--n900); color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: .5px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto; position: relative; z-index: 2;
  box-shadow: 0 0 0 6px var(--page-bg);
}

/* ── Карточки брендов (hero) ── */
:where(.pp-comparison) .cmp-card {
  background: var(--wh); border: 1px solid var(--n100); border-radius: 16px;
  padding: 24px; height: 100%;
}
:where(.pp-comparison) .cmp-card.a { border-top: 3px solid var(--a-clr); }
:where(.pp-comparison) .cmp-card.b { border-top: 3px solid var(--b-clr); }
:where(.pp-comparison) .cmp-logo {
  width: 160px; height: 64px; max-width: 100%;
  border-radius: 12px; border: none; background: transparent;
  box-shadow: none; display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; color: var(--n700); text-align: center; line-height: 1.2;
  margin-bottom: 12px; overflow: hidden; flex-shrink: 0;
}
:where(.pp-comparison) .cmp-logo svg, :where(.pp-comparison) .cmp-logo img {
  width: 100%; height: 100%; max-width: 100%; max-height: 100%;
  object-fit: contain; display: block;
}
:where(.pp-comparison) .cmp-name { font-size: 20px; font-weight: 800; color: var(--n900); margin-bottom: 6px; }
:where(.pp-comparison) .cmp-tag { display: inline-block; font-size: 10.5px; font-weight: 700; padding: 3px 9px; border-radius: 6px; margin-bottom: 12px; }
:where(.pp-comparison) .cmp-tag.a { background: var(--a-l); color: var(--a-clr); }
:where(.pp-comparison) .cmp-tag.b { background: var(--b-l); color: var(--b-clr); }
:where(.pp-comparison) .cmp-meta { display: flex; flex-direction: column; gap: 7px; }
:where(.pp-comparison) .cm-row { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
:where(.pp-comparison) .cm-key { color: var(--n500); }
:where(.pp-comparison) .cm-val { color: var(--n800); font-weight: 600; text-align: right; }

/* ── Итоговый балл: два кольца + диф ── */
:where(.pp-comparison) .cmp-total-card {
  background: var(--wh); border: 1px solid var(--n100); border-radius: 16px;
  padding: 22px 24px; margin-bottom: 8px;
}
:where(.pp-comparison) .ctc-title { font-size: 11px; font-weight: 700; color: var(--n500); text-transform: uppercase; letter-spacing: .6px; text-align: center; margin-bottom: 14px; }
:where(.pp-comparison) .ctc-row { display: grid; grid-template-columns: minmax(0,1fr) 130px minmax(0,1fr); align-items: center; }
:where(.pp-comparison) .ctc-ring-wrap { display: flex; flex-direction: column; align-items: center; gap: 6px; }
:where(.pp-comparison) .ctc-ring { position: relative; width: 96px; height: 96px; }
:where(.pp-comparison) .ctc-ring svg { width: 96px; height: 96px; transform: rotate(-90deg); }
:where(.pp-comparison) .ctc-ring-num { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
:where(.pp-comparison) .ctc-ring-num .big { font-size: 26px; font-weight: 800; color: var(--n900); line-height: 1; }
:where(.pp-comparison) .ctc-ring-num .sm { font-size: 9px; color: var(--n400); margin-top: 1px; }
:where(.pp-comparison) .ctc-label { font-size: 12px; font-weight: 700; }
:where(.pp-comparison) .ctc-label.a { color: var(--a-clr); }
:where(.pp-comparison) .ctc-label.b { color: var(--b-clr); }
:where(.pp-comparison) .ctc-diff {
  width: 130px; max-width: 100%; box-sizing: border-box; justify-self: center;
  text-align: center; font-size: 10px; font-weight: 700; color: var(--n500);
  padding: 6px 4px; border-radius: 8px; background: var(--n050);
}
:where(.pp-comparison) .ctc-diff .arrow { font-size: 13px; display: block; margin-bottom: 2px; }

/* ════════════════════════════════
   ПОКАЗАТЕЛИ — таблица 1 vs 1
════════════════════════════════ */
:where(.pp-comparison) .cmp-metrics-card { background: var(--wh); border: 1px solid var(--n100); border-radius: 16px; overflow: hidden; margin-bottom: 8px; }
:where(.pp-comparison) .cmm-row { display: grid; grid-template-columns: 1fr 200px 1fr; align-items: center; padding: 14px 22px; border-bottom: 1px solid var(--n050); }
:where(.pp-comparison) .cmm-row:last-child { border-bottom: none; }
:where(.pp-comparison) .cmm-row.head { background: var(--n050); padding: 11px 22px; }
:where(.pp-comparison) .cmm-val { font-size: 17px; font-weight: 800; text-align: center; padding: 4px 0; border-radius: 8px; }
:where(.pp-comparison) .cmm-val.win-a { background: var(--a-l); color: var(--a-clr); }
:where(.pp-comparison) .cmm-val.win-b { background: var(--b-l); color: var(--b-clr); }
:where(.pp-comparison) .cmm-val.tie { color: var(--n700); }
:where(.pp-comparison) .cmm-val.na { font-size: 11px; font-weight: 500; color: var(--n400); }
:where(.pp-comparison) .cmm-label { text-align: center; }
:where(.pp-comparison) .cmm-name { font-size: 12.5px; font-weight: 700; color: var(--n800); }
:where(.pp-comparison) .cmm-desc { font-size: 10.5px; color: var(--n500); margin-top: 1px; }

/* ════════════════════════════════
   КРИТЕРИИ — расходящиеся бары
════════════════════════════════ */
:where(.pp-comparison) .cmp-crit-card { background: var(--wh); border: 1px solid var(--n100); border-radius: 16px; padding: 6px 0 8px; margin-bottom: 8px; }
:where(.pp-comparison) .crit-cmp-row { display: grid; grid-template-columns: 1fr 150px 1fr; align-items: center; padding: 10px 22px; gap: 10px; }
:where(.pp-comparison) .crit-cmp-name { text-align: center; font-size: 11.5px; font-weight: 600; color: var(--n600); }
:where(.pp-comparison) .crit-half { display: flex; align-items: center; gap: 8px; height: 16px; }
:where(.pp-comparison) .crit-half.left { justify-content: flex-start; }
:where(.pp-comparison) .crit-half.right { justify-content: flex-start; }
:where(.pp-comparison) .crit-bar-track { flex: 1; height: 8px; background: var(--n100); border-radius: 4px; position: relative; overflow: hidden; max-width: 140px; }
:where(.pp-comparison) .crit-bar-fill { position: absolute; top: 0; left: 0; height: 100%; border-radius: 4px; }
:where(.pp-comparison) .crit-bar-fill.a { background: var(--a-clr); }
:where(.pp-comparison) .crit-bar-fill.b { background: var(--b-clr); }
:where(.pp-comparison) .crit-val { font-size: 12px; font-weight: 700; width: 26px; flex-shrink: 0; }
:where(.pp-comparison) .crit-val.a { color: var(--a-clr); text-align: right; }
:where(.pp-comparison) .crit-val.b { color: var(--b-clr); text-align: left; }

/* ════════════════════════════════
   ПЛЮСЫ / МИНУСЫ
════════════════════════════════ */
:where(.pp-comparison) .pc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
:where(.pp-comparison) .pc-card { background: var(--wh); border: 1px solid var(--n100); border-radius: 16px; padding: 20px 22px; }
:where(.pp-comparison) .pc-card.a { border-top: 3px solid var(--a-clr); }
:where(.pp-comparison) .pc-card.b { border-top: 3px solid var(--b-clr); }
:where(.pp-comparison) .pc-brand-title { font-size: 13.5px; font-weight: 800; color: var(--n900); margin-bottom: 14px; }
:where(.pp-comparison) .pc-sub { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin: 12px 0 8px; }
:where(.pp-comparison) .pc-sub.plus { color: var(--g-d); }
:where(.pp-comparison) .pc-sub.minus { color: var(--re); }
:where(.pp-comparison) .pc-list { list-style: none; display: flex; flex-direction: column; gap: 7px; }
:where(.pp-comparison) .pc-list li { display: flex; gap: 8px; font-size: 12px; color: var(--n700); line-height: 1.5; }
:where(.pp-comparison) .pc-list li span { flex-shrink: 0; font-weight: 700; margin-top: 1px; }
:where(.pp-comparison) .pc-list li.plus span { color: var(--g); }
:where(.pp-comparison) .pc-list li.minus span { color: var(--re); }

/* ════════════════════════════════
   ВЕРДИКТ
════════════════════════════════ */
:where(.pp-comparison) .verdict-card { background: var(--wh); border: 1px solid var(--n100); border-radius: 16px; overflow: hidden; margin-bottom: 8px; }
:where(.pp-comparison) .verdict-text-top { padding: 22px 26px; border-bottom: 1px solid var(--n100); }
:where(.pp-comparison) .verdict-text-top p { font-size: 13.5px; color: var(--n700); line-height: 1.7; }
:where(.pp-comparison) .verdict-grid { display: grid; grid-template-columns: 1fr 1fr; }
:where(.pp-comparison) .vg-cell { padding: 18px 26px; }
:where(.pp-comparison) .vg-cell.a { background: var(--a-l); border-right: 1px solid var(--n100); }
:where(.pp-comparison) .vg-cell.b { background: var(--b-l); }
:where(.pp-comparison) .vg-title { font-size: 12.5px; font-weight: 800; margin-bottom: 8px; }
:where(.pp-comparison) .vg-title.a { color: var(--a-clr); }
:where(.pp-comparison) .vg-title.b { color: var(--b-clr); }
:where(.pp-comparison) .vg-text { font-size: 12.5px; color: var(--n700); line-height: 1.6; }

:where(.pp-comparison) .cmp-footer-cta { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
:where(.pp-comparison) .btn-outline {
  height: 42px; padding: 0 18px; border-radius: 9px;
  background: var(--wh); border: 1.5px solid var(--n200); color: var(--n800);
  font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 6px; cursor: pointer;
  text-decoration: none;
}
:where(.pp-comparison) .btn-outline.a { border-color: var(--a-clr); color: var(--a-clr); }
:where(.pp-comparison) .btn-outline.b { border-color: var(--b-clr); color: var(--b-clr); }

:where(.pp-comparison) .disclaimer-strip {
  margin-top: 14px;
  background: var(--bl-l); border: 1px solid #c0d0f0;
  border-radius: 8px; padding: 10px 14px;
  font-size: 12px; color: var(--bl);
  display: flex; align-items: flex-start; gap: 8px;
}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media (max-width: 860px) {
  :where(.pp-comparison) .brand-picker { grid-template-columns: 1fr; }
  :where(.pp-comparison) .bp-swap { display: none; }
  :where(.pp-comparison) .vs-row { grid-template-columns: 1fr; gap: 8px; }
  :where(.pp-comparison) .vs-badge { margin: 4px auto; }
  :where(.pp-comparison) .ctc-row { grid-template-columns: 1fr; gap: 14px; }
  :where(.pp-comparison) .ctc-diff { order: 3; width: 130px; max-width: 100%; min-width: 0; margin-inline: auto; justify-self: center; }
  :where(.pp-comparison) .cmm-row { grid-template-columns: 1fr; text-align: center; gap: 6px; padding: 14px 18px; }
  :where(.pp-comparison) .cmm-row.head { display: none; }
  :where(.pp-comparison) .cmm-label { order: -1; margin-bottom: 4px; }
  :where(.pp-comparison) .crit-cmp-row { grid-template-columns: 1fr; gap: 8px; text-align: center; }
  :where(.pp-comparison) .crit-half.left, :where(.pp-comparison) .crit-half.right { justify-content: center; }
  :where(.pp-comparison) .crit-bar-track { max-width: 220px; }
  :where(.pp-comparison) .pc-grid, :where(.pp-comparison) .verdict-grid { grid-template-columns: 1fr; }
  :where(.pp-comparison) .vg-cell.a { border-right: none; border-bottom: 1px solid var(--n100); }
}
@media (max-width: 600px) {
  :where(.pp-comparison) .page { padding: 14px 14px 48px; }
  :where(.pp-comparison) .cmp-h1 { font-size: 21px; }
}

/* ===== STYLE BLOCK ===== */

/* SITE UI KIT REDESIGN — shared foundation */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
.pp-comparison{
 --highlight-darkest:#91C244;--highlight-dark:#6EA932;--highlight-medium:#76A65D;--highlight-light:#C7E992;--highlight-lightest:#EBFAE0;
 --sand-500:#C8B786;--sand-700:#8A7434;--sand-100:#F0EADA;--sand-50:#F8F5EC;--blue-500:#6BAABE;--blue-700:#3E7186;--blue-100:#DFEDF3;--blue-50:#F0F6F9;
 --danger-600:#B93A31;--danger-500:#C4453C;--danger-50:#FBECEA;--color-bg:#fff;--color-surface:#F8F8FA;--color-surface-2:#F0F0F4;
 --color-border:#E2E2E8;--color-border-strong:#C9CAD2;--color-heading:#25252A;--color-text:#34343B;--color-text-secondary:#74747E;--color-text-muted:#9898A2;
 --radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;
 --shadow-sm:0 1px 2px rgba(37,37,42,.05),0 2px 8px rgba(37,37,42,.05);--shadow-md:0 2px 6px rgba(37,37,42,.06),0 10px 28px rgba(37,37,42,.10);--shadow-lg:0 6px 16px rgba(37,37,42,.09),0 24px 48px rgba(37,37,42,.16);--shadow-focus:0 0 0 3px rgba(145,194,68,.35);--ease:cubic-bezier(.32,.72,0,1);
 --g:var(--highlight-darkest);--g-d:var(--highlight-dark);--g-l:var(--highlight-lightest);--g-m:var(--highlight-light);--n900:var(--color-heading);--n800:var(--color-text);
 --n700:#56565F;--n600:var(--color-text-secondary);--n500:#7E7E88;--n400:var(--color-text-muted);--n300:var(--color-border-strong);--n200:var(--color-border);--n100:var(--color-border);--n050:var(--color-surface);--wh:#fff;
 --am:var(--sand-700);--am-l:var(--sand-50);--re:var(--danger-500);--re-l:var(--danger-50);--bl:var(--blue-700);--bl-l:var(--blue-50);--page-bg:var(--color-surface);
 --a-clr:var(--highlight-dark);--a-l:var(--highlight-lightest);--b-clr:var(--blue-700);--b-l:var(--blue-50);
}
.pp-comparison{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:22px;color:var(--color-text);background:var(--page-bg)}
:where(.pp-comparison)::selection, :where(.pp-comparison) ::selection{background:var(--highlight-light);color:var(--color-heading)}
:where(.pp-comparison) .page{max-width:1160px;padding:20px 24px 72px}
:where(.pp-comparison) .cmp-h1{margin-bottom:10px;font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--color-heading)}
:where(.pp-comparison) .cmp-sub{max-width:760px;margin-bottom:22px;font-size:16px;line-height:24px;color:var(--color-text-secondary)}
:where(.pp-comparison) .brand-picker{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:12px;margin-bottom:10px}
:where(.pp-comparison) .bp-select{min-width:0;height:50px;padding:0 16px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:14px;line-height:20px;font-weight:600;color:var(--color-heading);background:#fff;box-shadow:var(--shadow-sm);transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}
:where(.pp-comparison) .bp-select:hover{border-color:var(--highlight-darkest);box-shadow:var(--shadow-md)}:where(.pp-comparison) .bp-select:focus-visible, :where(.pp-comparison) .bp-swap:focus-visible, :where(.pp-comparison) .btn-outline:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
:where(.pp-comparison) .bp-select.a{border-color:var(--highlight-darkest)}:where(.pp-comparison) .bp-select.b{border-color:var(--blue-500)}
:where(.pp-comparison) .bp-swap{width:42px;height:42px;font-size:17px;background:var(--color-heading);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),background .18s var(--ease)}:where(.pp-comparison) .bp-swap:hover{background:var(--highlight-dark);transform:rotate(180deg)}
:where(.pp-comparison) .cmp-more{margin-bottom:10px;font-size:13px;line-height:18px;color:var(--highlight-dark)}
:where(.pp-comparison) .sh{margin:34px 0 4px;font-size:20px;line-height:26px;font-weight:600;letter-spacing:0;color:var(--color-heading)}
:where(.pp-comparison) .sh-sub{margin-bottom:14px;font-size:13px;line-height:19px;color:var(--color-text-secondary)}
:where(.pp-comparison) .vs-row{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-bottom:12px}
:where(.pp-comparison) .vs-badge{width:42px;height:42px;font-size:12px;font-weight:600;background:var(--color-heading);box-shadow:0 0 0 7px var(--page-bg)}
:where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .cmp-metrics-card, :where(.pp-comparison) .cmp-crit-card, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
:where(.pp-comparison) .cmp-card{padding:24px 26px}:where(.pp-comparison) .cmp-card.a{border-top:4px solid var(--highlight-darkest)}:where(.pp-comparison) .cmp-card.b{border-top:4px solid var(--blue-500)}
:where(.pp-comparison) .cmp-logo{width:160px;height:64px;max-width:100%;margin-bottom:14px;border:none;border-radius:var(--radius-md);background:transparent;box-shadow:none;overflow:hidden}
:where(.pp-comparison) .cmp-logo svg, :where(.pp-comparison) .cmp-logo img{width:100%;height:100%;object-fit:contain;display:block}
:where(.pp-comparison) .cmp-name{margin-bottom:8px;font-size:21px;line-height:27px;font-weight:600;color:var(--color-heading)}
:where(.pp-comparison) .cmp-tag{padding:5px 10px;border-radius:var(--radius-full);font-size:11px;line-height:15px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}:where(.pp-comparison) .cmp-tag.a{color:var(--highlight-dark);background:var(--highlight-lightest)}:where(.pp-comparison) .cmp-tag.b{color:var(--blue-700);background:var(--blue-100)}
:where(.pp-comparison) .cmp-meta{gap:9px}:where(.pp-comparison) .cm-row{font-size:13px;line-height:19px}:where(.pp-comparison) .cm-key{color:var(--color-text-secondary)}:where(.pp-comparison) .cm-val{color:var(--color-text);font-weight:600}
:where(.pp-comparison) .cmp-total-card{padding:24px 26px;margin-bottom:12px}:where(.pp-comparison) .ctc-row{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr)}:where(.pp-comparison) .ctc-title{margin-bottom:16px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary)}
:where(.pp-comparison) .ctc-ring-wrap{gap:8px}:where(.pp-comparison) .ctc-ring, :where(.pp-comparison) .ctc-ring svg{width:104px;height:104px}:where(.pp-comparison) .ctc-ring-num .big{font-size:28px;font-weight:600;color:var(--color-heading)}:where(.pp-comparison) .ctc-ring-num .sm{font-size:11px;line-height:15px;color:var(--color-text-muted)}:where(.pp-comparison) .ctc-label{font-size:13px;font-weight:600}:where(.pp-comparison) .ctc-label.a{color:var(--highlight-dark)}:where(.pp-comparison) .ctc-label.b{color:var(--blue-700)}
:where(.pp-comparison) .ctc-diff{width:130px;max-width:100%;box-sizing:border-box;justify-self:center;padding:8px 6px;border-radius:var(--radius-sm);font-size:11px;line-height:15px;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface-2)}
:where(.pp-comparison) .cmp-metrics-card{margin-bottom:12px}:where(.pp-comparison) .cmm-row{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);padding:15px 24px;border-bottom-color:var(--color-border)}:where(.pp-comparison) .cmm-row.head{padding:12px 24px;background:var(--color-surface)}
:where(.pp-comparison) .cmm-val{font-size:18px;line-height:24px;font-weight:600;border-radius:var(--radius-sm)}:where(.pp-comparison) .cmm-val.win-a{color:var(--highlight-dark);background:var(--highlight-lightest)}:where(.pp-comparison) .cmm-val.win-b{color:var(--blue-700);background:var(--blue-50)}:where(.pp-comparison) .cmm-val.tie{color:var(--color-text)}:where(.pp-comparison) .cmm-val.na{font-size:12px;line-height:16px;color:var(--color-text-muted)}
:where(.pp-comparison) .cmm-name{font-size:14px;line-height:20px;font-weight:600;color:var(--color-heading)}:where(.pp-comparison) .cmm-desc{margin-top:2px;font-size:12px;line-height:16px;color:var(--color-text-secondary)}
:where(.pp-comparison) .cmp-crit-card{padding:10px 0;margin-bottom:12px}:where(.pp-comparison) .crit-cmp-row{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);padding:11px 24px;gap:12px}:where(.pp-comparison) .crit-cmp-name{font-size:13px;line-height:18px;font-weight:500;color:var(--color-text-secondary)}
:where(.pp-comparison) .crit-bar-track{height:8px;background:var(--color-surface-2);border-radius:var(--radius-full)}:where(.pp-comparison) .crit-bar-fill{left:0;right:auto;border-radius:var(--radius-full)}:where(.pp-comparison) .crit-bar-fill.a{background:var(--highlight-darkest);left:0;right:auto}:where(.pp-comparison) .crit-bar-fill.b{background:var(--blue-500);left:0}:where(.pp-comparison) .crit-val{font-size:13px;font-weight:600}:where(.pp-comparison) .crit-val.a{color:var(--highlight-dark)}:where(.pp-comparison) .crit-val.b{color:var(--blue-700)}
:where(.pp-comparison) .pc-grid{gap:12px;margin-bottom:12px}:where(.pp-comparison) .pc-card{padding:22px 24px}:where(.pp-comparison) .pc-card.a{border-top:4px solid var(--highlight-darkest)}:where(.pp-comparison) .pc-card.b{border-top:4px solid var(--blue-500)}:where(.pp-comparison) .pc-brand-title{font-size:15px;line-height:21px;font-weight:600;color:var(--color-heading)}:where(.pp-comparison) .pc-sub{font-size:12px;line-height:16px;font-weight:600}:where(.pp-comparison) .pc-list{gap:9px}:where(.pp-comparison) .pc-list li{font-size:13px;line-height:19px;color:var(--color-text)}
:where(.pp-comparison) .verdict-card{margin-bottom:12px}:where(.pp-comparison) .verdict-text-top{padding:24px 28px;border-bottom-color:var(--color-border)}:where(.pp-comparison) .verdict-text-top p{font-size:15px;line-height:24px;color:var(--color-text)}:where(.pp-comparison) .vg-cell{padding:20px 28px}:where(.pp-comparison) .vg-cell.a{background:var(--highlight-lightest);border-color:var(--color-border)}:where(.pp-comparison) .vg-cell.b{background:var(--blue-50)}:where(.pp-comparison) .vg-title{font-size:14px;line-height:20px;font-weight:600}:where(.pp-comparison) .vg-title.a{color:var(--highlight-dark)}:where(.pp-comparison) .vg-title.b{color:var(--blue-700)}:where(.pp-comparison) .vg-text{font-size:14px;line-height:21px;color:var(--color-text)}
:where(.pp-comparison) .cmp-footer-cta{gap:10px;margin-top:20px}:where(.pp-comparison) .btn-outline{min-height:46px;height:auto;padding:11px 18px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:13px;line-height:18px;font-weight:600;color:var(--color-heading);background:#fff;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}:where(.pp-comparison) .btn-outline:hover{background:var(--color-surface);border-color:var(--highlight-darkest)}:where(.pp-comparison) .btn-outline:active{transform:scale(.97)}:where(.pp-comparison) .btn-outline.a{color:var(--highlight-dark);border-color:var(--highlight-darkest)}:where(.pp-comparison) .btn-outline.b{color:var(--blue-700);border-color:var(--blue-500)}
:where(.pp-comparison) .disclaimer-strip{margin-top:16px;padding:14px 16px;border:1px solid var(--blue-100);border-radius:var(--radius-md);font-size:13px;line-height:19px;color:var(--blue-700);background:var(--blue-50)}
@media(max-width:860px){
 :where(.pp-comparison) .brand-picker{grid-template-columns:1fr}:where(.pp-comparison) .bp-select{width:100%}:where(.pp-comparison) .vs-row{grid-template-columns:1fr;gap:10px}:where(.pp-comparison) .vs-badge{box-shadow:0 0 0 6px var(--page-bg)}:where(.pp-comparison) .ctc-row{grid-template-columns:1fr;gap:16px}:where(.pp-comparison) .ctc-diff{width:130px;max-width:100%;min-width:0;margin-inline:auto;justify-self:center}
 :where(.pp-comparison) .cmm-row{grid-template-columns:1fr;gap:8px;padding:16px 18px}:where(.pp-comparison) .crit-cmp-row{grid-template-columns:1fr;gap:9px;padding:14px 18px}:where(.pp-comparison) .crit-bar-track{max-width:min(260px,65vw)}
 :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .pc-card{min-width:0}:where(.pp-comparison) .cm-row{flex-wrap:wrap}:where(.pp-comparison) .cm-key, :where(.pp-comparison) .cm-val{overflow-wrap:anywhere}:where(.pp-comparison) .pc-grid, :where(.pp-comparison) .verdict-grid{grid-template-columns:1fr}
}
@media(max-width:600px){:where(.pp-comparison) .page{padding:14px 16px 52px}:where(.pp-comparison) .cmp-h1{font-size:24px}:where(.pp-comparison) .cmp-sub{font-size:15px;line-height:22px}:where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-text-top, :where(.pp-comparison) .vg-cell{padding-left:18px;padding-right:18px}:where(.pp-comparison) .cmp-footer-cta{flex-direction:column}:where(.pp-comparison) .btn-outline{width:100%;justify-content:center}}
@media(max-width:380px){:where(.pp-comparison) .page{padding-inline:12px}:where(.pp-comparison) .ctc-ring, :where(.pp-comparison) .ctc-ring svg{width:92px;height:92px}}

/* V1 — light card system */
.pp-comparison{background:var(--color-surface)}:where(.pp-comparison) .cmp-h1::before{content:"";display:block;width:46px;height:5px;margin-bottom:18px;border-radius:var(--radius-full);background:var(--highlight-darkest)}
:where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .cmp-metrics-card, :where(.pp-comparison) .cmp-crit-card, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}:where(.pp-comparison) .cmp-card:hover, :where(.pp-comparison) .pc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
:where(.pp-comparison) .cmp-total-card{background:linear-gradient(135deg,#fff,var(--highlight-lightest) 140%)}:where(.pp-comparison) .verdict-text-top{background:#fff}


/* RESPONSIVE LAYOUT FIXES */
.pp-comparison{width:100%;min-width:0}
:where(.pp-comparison) .page, :where(.pp-comparison) .brand-picker, :where(.pp-comparison) .bp-select, :where(.pp-comparison) .vs-row, :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .cmp-metrics-card, :where(.pp-comparison) .cmp-crit-card, :where(.pp-comparison) .pc-grid, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-card, :where(.pp-comparison) .cmp-footer-cta, :where(.pp-comparison) .disclaimer-strip{min-width:0;max-width:100%}
:where(.pp-comparison) .page{width:100%}
:where(.pp-comparison) .brand-picker>*, :where(.pp-comparison) .vs-row>*, :where(.pp-comparison) .ctc-row>*, :where(.pp-comparison) .cmm-row>*, :where(.pp-comparison) .crit-cmp-row>*, :where(.pp-comparison) .pc-grid>*, :where(.pp-comparison) .verdict-grid>*{min-width:0}
:where(.pp-comparison) .ctc-diff{width:130px;min-width:130px;max-width:100%;box-sizing:border-box;justify-self:center}
:where(.pp-comparison) .cmp-h1, :where(.pp-comparison) .cmp-sub, :where(.pp-comparison) .cm-key, :where(.pp-comparison) .cm-val, :where(.pp-comparison) .cmm-name, :where(.pp-comparison) .cmm-desc, :where(.pp-comparison) .crit-cmp-name, :where(.pp-comparison) .pc-list li, :where(.pp-comparison) .vg-text, :where(.pp-comparison) .disclaimer-strip{overflow-wrap:anywhere}
:where(.pp-comparison) .bp-select{width:100%;white-space:normal;text-align:left}
:where(.pp-comparison) .btn-outline{max-width:100%;white-space:normal;text-align:center;justify-content:center}
@media(max-width:1024px) and (min-width:861px){
 :where(.pp-comparison) .page{padding-inline:20px}
 :where(.pp-comparison) .brand-picker{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
 :where(.pp-comparison) .vs-row{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}
 :where(.pp-comparison) .cmp-card{padding:22px 20px}
 :where(.pp-comparison) .cmm-row{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);padding-inline:18px}
 :where(.pp-comparison) .crit-cmp-row{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);padding-inline:18px}
 :where(.pp-comparison) .verdict-text-top, :where(.pp-comparison) .vg-cell{padding-inline:22px}
}
@media(max-width:860px){
 :where(.pp-comparison) .page{width:100%;max-width:100%}
 :where(.pp-comparison) .brand-picker, :where(.pp-comparison) .vs-row, :where(.pp-comparison) .ctc-row, :where(.pp-comparison) .cmm-row, :where(.pp-comparison) .crit-cmp-row, :where(.pp-comparison) .pc-grid, :where(.pp-comparison) .verdict-grid{grid-template-columns:minmax(0,1fr)}
 :where(.pp-comparison) .ctc-diff{width:130px;max-width:100%;min-width:0;margin-inline:auto;justify-self:center}
 :where(.pp-comparison) .bp-select, :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .cmp-metrics-card, :where(.pp-comparison) .cmp-crit-card, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-card{width:100%}
 :where(.pp-comparison) .ctc-ring-wrap, :where(.pp-comparison) .cmm-val, :where(.pp-comparison) .cmm-label, :where(.pp-comparison) .crit-half{min-width:0;max-width:100%}
 :where(.pp-comparison) .crit-half.left, :where(.pp-comparison) .crit-half.right{width:100%;justify-content:center}
 :where(.pp-comparison) .crit-bar-track{width:min(260px,65vw);max-width:100%}
}
@media(max-width:600px){
 :where(.pp-comparison) .cmp-footer-cta{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 :where(.pp-comparison) .btn-outline{width:100%}
 :where(.pp-comparison) .ctc-row{gap:18px}
 :where(.pp-comparison) .cmm-row, :where(.pp-comparison) .crit-cmp-row{padding-inline:14px}
 :where(.pp-comparison) .verdict-text-top, :where(.pp-comparison) .vg-cell{padding-inline:18px}
}
@media(max-width:420px){
 :where(.pp-comparison) .page{padding-inline:12px}
 :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .pc-card{padding-inline:16px}
 :where(.pp-comparison) .ctc-ring, :where(.pp-comparison) .ctc-ring svg{width:88px;height:88px}
 :where(.pp-comparison) .cmp-logo{width:100%;max-width:160px;height:56px}
 :where(.pp-comparison) .disclaimer-strip{padding:12px}
}


/* Embedded article: transparent surface and adaptation to the content column. */
.pp-comparison {
  background: transparent;
  container: pp-comparison / inline-size;
  width: 100%;
  min-width: 0;
}
.pp-comparison .page { min-width: 0; max-width: 100%; }
.pp-comparison .page > article { min-width: 0; width: 100%; }
.pp-comparison .vs-badge { box-shadow: none; }

/* Bitrix may wrap an image in figure and add an alt-text caption. */
.pp-comparison .cmp-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 160px;
  max-width: 100%;
  height: 64px;
  min-height: 64px;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.pp-comparison .cmp-logo figure,
.pp-comparison .cmp-logo picture,
.pp-comparison .cmp-logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  float: none !important;
}
.pp-comparison .cmp-logo img,
.pp-comparison .cmp-logo svg {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
}
.pp-comparison .cmp-logo svg { width: 88px !important; height: 56px !important; }
.pp-comparison .cmp-logo figcaption { display: none !important; }
@container pp-comparison (max-width: 860px) {
  :where(.pp-comparison) .brand-picker { grid-template-columns: 1fr; }
  :where(.pp-comparison) .bp-swap { display: none; }
  :where(.pp-comparison) .vs-row { grid-template-columns: 1fr; gap: 8px; }
  :where(.pp-comparison) .vs-badge { margin: 4px auto; }
  :where(.pp-comparison) .ctc-row { grid-template-columns: 1fr; gap: 14px; }
  :where(.pp-comparison) .ctc-diff { order: 3; width: 130px; max-width: 100%; min-width: 0; margin-inline: auto; justify-self: center; }
  :where(.pp-comparison) .cmm-row { grid-template-columns: 1fr; text-align: center; gap: 6px; padding: 14px 18px; }
  :where(.pp-comparison) .cmm-row.head { display: none; }
  :where(.pp-comparison) .cmm-label { order: -1; margin-bottom: 4px; }
  :where(.pp-comparison) .crit-cmp-row { grid-template-columns: 1fr; gap: 8px; text-align: center; }
  :where(.pp-comparison) .crit-half.left, :where(.pp-comparison) .crit-half.right { justify-content: center; }
  :where(.pp-comparison) .crit-bar-track { max-width: 220px; }
  :where(.pp-comparison) .pc-grid, :where(.pp-comparison) .verdict-grid { grid-template-columns: 1fr; }
  :where(.pp-comparison) .vg-cell.a { border-right: none; border-bottom: 1px solid var(--n100); }
}
@container pp-comparison (max-width: 600px) {
  :where(.pp-comparison) .page { padding: 14px 14px 48px; }
  :where(.pp-comparison) .cmp-h1 { font-size: 21px; }
}
@container pp-comparison(max-width:860px){
 :where(.pp-comparison) .brand-picker{grid-template-columns:1fr}:where(.pp-comparison) .bp-select{width:100%}:where(.pp-comparison) .vs-row{grid-template-columns:1fr;gap:10px}:where(.pp-comparison) .vs-badge{box-shadow:0 0 0 6px var(--page-bg)}:where(.pp-comparison) .ctc-row{grid-template-columns:1fr;gap:16px}:where(.pp-comparison) .ctc-diff{width:130px;max-width:100%;min-width:0;margin-inline:auto;justify-self:center}
 :where(.pp-comparison) .cmm-row{grid-template-columns:1fr;gap:8px;padding:16px 18px}:where(.pp-comparison) .crit-cmp-row{grid-template-columns:1fr;gap:9px;padding:14px 18px}:where(.pp-comparison) .crit-bar-track{max-width:min(260px,65vw)}
 :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .pc-card{min-width:0}:where(.pp-comparison) .cm-row{flex-wrap:wrap}:where(.pp-comparison) .cm-key, :where(.pp-comparison) .cm-val{overflow-wrap:anywhere}:where(.pp-comparison) .pc-grid, :where(.pp-comparison) .verdict-grid{grid-template-columns:1fr}
}
@container pp-comparison(max-width:600px){:where(.pp-comparison) .page{padding:14px 16px 52px}:where(.pp-comparison) .cmp-h1{font-size:24px}:where(.pp-comparison) .cmp-sub{font-size:15px;line-height:22px}:where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-text-top, :where(.pp-comparison) .vg-cell{padding-left:18px;padding-right:18px}:where(.pp-comparison) .cmp-footer-cta{flex-direction:column}:where(.pp-comparison) .btn-outline{width:100%;justify-content:center}}
@container pp-comparison(max-width:380px){:where(.pp-comparison) .page{padding-inline:12px}:where(.pp-comparison) .ctc-ring, :where(.pp-comparison) .ctc-ring svg{width:92px;height:92px}}
@container pp-comparison(max-width:1024px) and (min-width:861px){
 :where(.pp-comparison) .page{padding-inline:20px}
 :where(.pp-comparison) .brand-picker{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
 :where(.pp-comparison) .vs-row{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}
 :where(.pp-comparison) .cmp-card{padding:22px 20px}
 :where(.pp-comparison) .cmm-row{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);padding-inline:18px}
 :where(.pp-comparison) .crit-cmp-row{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);padding-inline:18px}
 :where(.pp-comparison) .verdict-text-top, :where(.pp-comparison) .vg-cell{padding-inline:22px}
}
@container pp-comparison(max-width:860px){
 :where(.pp-comparison) .page{width:100%;max-width:100%}
 :where(.pp-comparison) .brand-picker, :where(.pp-comparison) .vs-row, :where(.pp-comparison) .ctc-row, :where(.pp-comparison) .cmm-row, :where(.pp-comparison) .crit-cmp-row, :where(.pp-comparison) .pc-grid, :where(.pp-comparison) .verdict-grid{grid-template-columns:minmax(0,1fr)}
 :where(.pp-comparison) .ctc-diff{width:130px;max-width:100%;min-width:0;margin-inline:auto;justify-self:center}
 :where(.pp-comparison) .bp-select, :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .cmp-metrics-card, :where(.pp-comparison) .cmp-crit-card, :where(.pp-comparison) .pc-card, :where(.pp-comparison) .verdict-card{width:100%}
 :where(.pp-comparison) .ctc-ring-wrap, :where(.pp-comparison) .cmm-val, :where(.pp-comparison) .cmm-label, :where(.pp-comparison) .crit-half{min-width:0;max-width:100%}
 :where(.pp-comparison) .crit-half.left, :where(.pp-comparison) .crit-half.right{width:100%;justify-content:center}
 :where(.pp-comparison) .crit-bar-track{width:min(260px,65vw);max-width:100%}
}
@container pp-comparison(max-width:600px){
 :where(.pp-comparison) .cmp-footer-cta{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 :where(.pp-comparison) .btn-outline{width:100%}
 :where(.pp-comparison) .ctc-row{gap:18px}
 :where(.pp-comparison) .cmm-row, :where(.pp-comparison) .crit-cmp-row{padding-inline:14px}
 :where(.pp-comparison) .verdict-text-top, :where(.pp-comparison) .vg-cell{padding-inline:18px}
}
@container pp-comparison(max-width:420px){
 :where(.pp-comparison) .page{padding-inline:12px}
 :where(.pp-comparison) .cmp-card, :where(.pp-comparison) .cmp-total-card, :where(.pp-comparison) .pc-card{padding-inline:16px}
 :where(.pp-comparison) .ctc-ring, :where(.pp-comparison) .ctc-ring svg{width:88px;height:88px}
 :where(.pp-comparison) .cmp-logo{width:100%;max-width:160px;height:56px}
 :where(.pp-comparison) .disclaimer-strip{padding:12px}
}

/* End */
/* /local/templates/doctor/components/bitrix/news/stati/bitrix/news.detail/.default/style.css?17828957803018 */
/* /upload/article_assets/iblock_2/element_3249.css?178971529341523 */