/* 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_1476.css?177871737228797*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=1476 */

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

/* ============================================================
   PROPET — BRAND TOKENS
   Зелёный / Серый / Белый
   ============================================================ */
:root {
  /* Green scale */
  --pp-g900: #0f2d18;
  --pp-g800: #1a4728;
  --pp-g700: #1e5c30;
  --pp-g600: #267a3e;
  --pp-g500: #2e9148;
  --pp-g400: #4daa64;
  --pp-g300: #7ec892;
  --pp-g200: #b8e4c4;
  --pp-g100: #e4f5ea;
  --pp-g050: #f2faf5;

  /* Grey scale */
  --pp-n900: #161616;
  --pp-n800: #242424;
  --pp-n700: #383838;
  --pp-n600: #525252;
  --pp-n500: #6f6f6f;
  --pp-n400: #8d8d8d;
  --pp-n300: #b0b0b0;
  --pp-n200: #d4d4d4;
  --pp-n100: #e8e8e8;
  --pp-n050: #f5f5f5;

  /* Brand tints for two brands */
  --gd:        #4a3728;
  --gd-bg:     #faf7f4;
  --gd-border: #d9cdc4;
  --gd-mid:    #7a5a46;

  --fm:        #1e6e32;
  --fm-bg:     #f0f8f2;
  --fm-border: #9fd0ac;
  --fm-mid:    #2d8a45;

  /* Semantic callouts */
  --c-ok-bg: #edf7f1; --c-ok-b: #2e9148; --c-ok-t: #155a26;
  --c-wn-bg: #fdf6e8; --c-wn-b: #d4870e; --c-wn-t: #7a4e00;
  --c-er-bg: #fdf0ee; --c-er-b: #c0392b; --c-er-t: #7a1f18;
  --c-in-bg: #eef3fd; --c-in-b: #3060c0; --c-in-t: #1a3a80;

  /* Surface */
  --white:   #ffffff;
  --surface: #f8f9f8;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;

  /* Shadows */
  --sh-xs: 0 1px 3px rgba(0,0,0,.06);
  --sh-sm: 0 2px 8px rgba(0,0,0,.07);
  --sh-md: 0 4px 16px rgba(0,0,0,.09);

  /* Typography */
  --font-body:    'Georgia', 'Times New Roman', serif;
  --font-ui:      'Arial', Helvetica, sans-serif;
  --font-mono:    'Courier New', monospace;
}

/* ── Reset & Base ── */
.pp-root *,
.pp-root *::before,
.pp-root *::after { box-sizing: border-box; margin: 0; padding: 0; }

.pp-root {
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.72;
  color: var(--pp-n800);
  background: var(--white);
}

.pp-root a { color: var(--pp-g600); text-decoration: none; }
.pp-root a:hover { text-decoration: underline; color: var(--pp-g700); }
.pp-root strong { font-weight: 700; color: var(--pp-n800); }
.pp-root em { font-style: italic; }

/* ── Wrap ── */
.pp-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: 32px 20px 72px;
}

/* ══════════════════════════════════════════════════
   META / BADGES
══════════════════════════════════════════════════ */
.pp-meta-line {
  font-size: 12px;
  color: var(--pp-n400);
  margin-bottom: 10px;
  letter-spacing: .03em;
  font-family: var(--font-ui);
}

.pp-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.pp-badge {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 100px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  border: 1.5px solid;
  font-family: var(--font-ui);
}
.pp-badge-green { background: var(--pp-g100); color: var(--pp-g700); border-color: var(--pp-g300); }
.pp-badge-dark  { background: var(--pp-g800); color: var(--white);   border-color: var(--pp-g800); }
.pp-badge-grey  { background: var(--pp-n050); color: var(--pp-n600); border-color: var(--pp-n200); }

/* ══════════════════════════════════════════════════
   TITLE & LEAD
══════════════════════════════════════════════════ */
.pp-title {
  font-family: var(--font-body);
  font-size: clamp(24px, 3.8vw, 34px);
  font-weight: 700;
  line-height: 1.22;
  color: var(--pp-g900);
  margin-bottom: 22px;
  letter-spacing: -.01em;
}

.pp-lead {
  background: var(--pp-g050);
  border-left: 4px solid var(--pp-g500);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: 18px 22px;
  font-size: 15px;
  color: var(--pp-n700);
  line-height: 1.75;
  margin-bottom: 36px;
}

/* ══════════════════════════════════════════════════
   SECTIONS & HEADINGS
══════════════════════════════════════════════════ */
.pp-section {
  margin-bottom: 52px;
  scroll-margin-top: 24px;
}

.pp-h2 {
  font-family: var(--font-body);
  font-size: clamp(18px, 2.5vw, 22px);
  font-weight: 700;
  color: var(--pp-g900);
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--pp-g200);
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1.3;
}

.pp-h2 .pp-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  background: var(--pp-g700);
  color: var(--white);
  border-radius: var(--r-sm);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  letter-spacing: .02em;
}

.pp-h2-plain {
  font-family: var(--font-body);
  font-size: clamp(17px, 2.2vw, 20px);
  font-weight: 700;
  color: var(--pp-g900);
  margin: 36px 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--pp-g200);
}

.pp-h3 {
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 700;
  color: var(--pp-n800);
  margin: 28px 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pp-h3::before {
  content: '';
  width: 3px;
  height: 15px;
  background: var(--pp-g500);
  border-radius: 2px;
  flex-shrink: 0;
}

.pp-p {
  color: var(--pp-n700);
  margin-bottom: 14px;
  font-size: 15px;
}
.pp-p:last-child { margin-bottom: 0; }

/* ══════════════════════════════════════════════════
   CALLOUT BLOCKS
══════════════════════════════════════════════════ */
.pp-cb {
  border-left: 4px solid;
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  padding: 14px 18px;
  margin: 16px 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--pp-n700);
}
.pp-cb-ok { background: var(--c-ok-bg); border-color: var(--c-ok-b); }
.pp-cb-ok strong { color: var(--c-ok-t); }
.pp-cb-wn { background: var(--c-wn-bg); border-color: var(--c-wn-b); }
.pp-cb-wn strong { color: var(--c-wn-t); }
.pp-cb-er { background: var(--c-er-bg); border-color: var(--c-er-b); }
.pp-cb-er strong { color: var(--c-er-t); }
.pp-cb-in { background: var(--c-in-bg); border-color: var(--c-in-b); }
.pp-cb-in strong { color: var(--c-in-t); }
.pp-cb-gd { background: var(--gd-bg); border-color: var(--gd-mid); }
.pp-cb-gd strong { color: var(--gd); }
.pp-cb-fm { background: var(--fm-bg); border-color: var(--fm-mid); }
.pp-cb-fm strong { color: var(--fm); }

/* ══════════════════════════════════════════════════
   QUICK ANSWER CARDS
══════════════════════════════════════════════════ */
.pp-qa-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 600px) { .pp-qa-grid { grid-template-columns: 1fr; } }

.pp-qa-card {
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1.5px solid;
  box-shadow: var(--sh-sm);
}
.pp-qa-card.pp-qa-gd { background: var(--gd-bg); border-color: var(--gd-border); }
.pp-qa-card.pp-qa-fm { background: var(--fm-bg); border-color: var(--fm-border); }

.pp-qa-head {
  padding: 12px 18px;
  font-family: var(--font-ui);
  font-size: 13.5px;
  font-weight: 700;
  border-bottom: 1.5px solid;
}
.pp-qa-gd .pp-qa-head { color: var(--gd); background: rgba(74,55,40,.06); border-color: var(--gd-border); }
.pp-qa-fm .pp-qa-head { color: var(--fm); background: rgba(30,110,50,.06); border-color: var(--fm-border); }

.pp-qa-card ul { list-style: none; padding: 10px 18px 14px; }
.pp-qa-card ul li {
  padding: 6px 0 6px 16px;
  font-size: 13.5px;
  color: var(--pp-n700);
  border-bottom: 1px solid rgba(0,0,0,.06);
  position: relative;
  line-height: 1.55;
}
.pp-qa-card ul li:last-child { border-bottom: none; }
.pp-qa-card ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.pp-qa-gd ul li::before { background: var(--gd-mid); }
.pp-qa-fm ul li::before { background: var(--fm-mid); }

/* ══════════════════════════════════════════════════
   VERDICT BOX
══════════════════════════════════════════════════ */
.pp-verdict {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1.5px solid var(--pp-n100);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: var(--sh-sm);
}
@media (max-width: 560px) { .pp-verdict { grid-template-columns: 1fr; } }

.pp-verdict-header {
  grid-column: 1 / -1;
  background: var(--pp-g800);
  color: rgba(255,255,255,.85);
  padding: 10px 20px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.pp-verdict-item {
  padding: 20px 22px;
  background: var(--white);
}
.pp-verdict-item:first-of-type {
  border-right: 1.5px solid var(--pp-n100);
}
@media (max-width: 560px) {
  .pp-verdict-item:first-of-type { border-right: none; border-bottom: 1.5px solid var(--pp-n100); }
}

.pp-verdict-label {
  font-family: var(--font-ui);
  font-size: 13.5px;
  font-weight: 700;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pp-verdict-label .vdot {
  width: 10px; height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pp-vgd .pp-verdict-label { color: var(--gd); }
.pp-vgd .vdot { background: var(--gd-mid); }
.pp-vfm .pp-verdict-label { color: var(--fm); }
.pp-vfm .vdot { background: var(--fm-mid); }

.pp-verdict-text { font-size: 13.5px; color: var(--pp-n600); line-height: 1.62; }

/* ══════════════════════════════════════════════════
   CHECK CARD
══════════════════════════════════════════════════ */
.pp-check-card {
  border: 1.5px solid var(--pp-n100);
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--sh-xs);
}
.pp-check-intro {
  padding: 14px 20px;
  background: var(--surface);
  font-size: 14px;
  color: var(--pp-n600);
  border-bottom: 1.5px solid var(--pp-n100);
  line-height: 1.65;
}
.pp-check-list { list-style: none; }
.pp-check-list li {
  display: flex;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13.5px;
  color: var(--pp-n600);
  align-items: flex-start;
  line-height: 1.55;
}
.pp-check-list li:last-child { border-bottom: none; }
.pp-chk-icon {
  width: 22px; height: 22px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 1px;
  font-family: var(--font-ui);
  border: 1.5px solid;
}
.pp-chk-ok   { background: var(--c-ok-bg); color: var(--c-ok-t); border-color: var(--pp-g300); }
.pp-chk-warn { background: var(--c-wn-bg); color: var(--c-wn-t); border-color: #f0c060; }

/* ══════════════════════════════════════════════════
   METHODOLOGY BOX
══════════════════════════════════════════════════ */
.pp-meth-box {
  border: 1.5px solid var(--pp-n100);
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--sh-xs);
}
.pp-meth-intro {
  padding: 16px 22px;
  background: var(--surface);
  font-size: 14.5px;
  color: var(--pp-n600);
  border-bottom: 1.5px solid var(--pp-n100);
  line-height: 1.65;
}
.pp-meth-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--white);
}
@media (max-width: 560px) { .pp-meth-grid { grid-template-columns: 1fr; } }

.pp-meth-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 22px;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.pp-meth-item:nth-child(2n) { border-right: none; }
.pp-meth-item:nth-last-child(-n+2) { border-bottom: none; }
@media (max-width: 560px) {
  .pp-meth-item { border-right: none; }
  .pp-meth-item:last-child { border-bottom: none; }
  .pp-meth-item:nth-last-child(-n+2) { border-bottom: 1px solid #f0f0f0; }
}

.pp-meth-icon {
  width: 34px; height: 34px;
  border-radius: var(--r-sm);
  background: var(--pp-g700);
  color: var(--white);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: .02em;
}
.pp-meth-text { font-size: 13.5px; color: var(--pp-n600); line-height: 1.55; }
.pp-meth-text strong { display: block; font-size: 13.5px; color: var(--pp-n800); margin-bottom: 3px; }

.pp-meth-note {
  padding: 13px 22px;
  background: var(--pp-g100);
  border-top: 1.5px solid var(--pp-g200);
  font-size: 13.5px;
  color: var(--pp-g800);
  line-height: 1.6;
}

/* ══════════════════════════════════════════════════
   COMPARISON TABLE
══════════════════════════════════════════════════ */
.pp-tbl-wrap {
  overflow-x: auto;
  border-radius: var(--r-lg);
  border: 1.5px solid var(--pp-n100);
  box-shadow: var(--sh-sm);
}
.pp-cmp-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  font-family: var(--font-ui);
}
.pp-cmp-tbl th {
  padding: 13px 16px;
  text-align: left;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  border-bottom: 2px solid;
  white-space: nowrap;
}
.pp-cmp-tbl th:first-child    { background: var(--surface);   color: var(--pp-n500); border-color: var(--pp-n200); }
.pp-cmp-tbl th.pp-th-gd       { background: var(--gd-bg);     color: var(--gd);      border-color: var(--gd-mid); }
.pp-cmp-tbl th.pp-th-fm       { background: var(--fm-bg);     color: var(--fm);      border-color: var(--fm-mid); }

.pp-cmp-tbl td {
  padding: 11px 16px;
  border-bottom: 1px solid #efefef;
  vertical-align: top;
  color: var(--pp-n600);
  line-height: 1.52;
}
.pp-cmp-tbl tr:last-child td { border-bottom: none; }
.pp-cmp-tbl tbody tr:hover td { background: var(--pp-g050); }
.pp-cmp-tbl tbody tr:nth-child(even) td { background: #fafafa; }
.pp-cmp-tbl tbody tr:nth-child(even):hover td { background: var(--pp-g050); }

.pp-cmp-tbl td.pp-td-param {
  font-weight: 700;
  color: var(--pp-n700);
  background: var(--surface) !important;
  border-right: 1.5px solid #ebebeb;
  white-space: nowrap;
  font-size: 13px;
}
.pp-cmp-tbl .pp-td-eq   { color: var(--pp-n500); font-style: italic; text-align: center; }
.pp-cmp-tbl .pp-td-gd   { color: var(--gd); font-weight: 600; }
.pp-cmp-tbl .pp-td-fm   { color: var(--fm); font-weight: 600; }
.pp-cmp-tbl .pp-td-warn { color: var(--c-wn-t); font-weight: 600; }

.pp-lbl-gd {
  display: inline-block;
  background: var(--gd-bg); color: var(--gd);
  font-weight: 700; font-size: 10.5px;
  padding: 1px 7px; border-radius: 4px;
  border: 1px solid var(--gd-border);
  margin-left: 5px; vertical-align: middle;
  font-family: var(--font-ui);
}
.pp-lbl-fm {
  display: inline-block;
  background: var(--fm-bg); color: var(--fm);
  font-weight: 700; font-size: 10.5px;
  padding: 1px 7px; border-radius: 4px;
  border: 1px solid var(--fm-border);
  margin-left: 5px; vertical-align: middle;
  font-family: var(--font-ui);
}

/* ══════════════════════════════════════════════════
   DRY MATTER / PRICE TABLES (plain)
══════════════════════════════════════════════════ */
.pp-data-tbl-wrap {
  overflow-x: auto;
  border-radius: var(--r-lg);
  border: 1.5px solid var(--pp-n100);
  box-shadow: var(--sh-xs);
  margin: 16px 0 24px;
}
.pp-data-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  font-family: var(--font-ui);
}
.pp-data-tbl th {
  padding: 11px 14px;
  background: var(--pp-g800);
  color: rgba(255,255,255,.8);
  text-align: right;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  border-bottom: 2px solid var(--pp-g700);
}
.pp-data-tbl th:first-child { text-align: left; }
.pp-data-tbl td {
  padding: 10px 14px;
  text-align: right;
  border-bottom: 1px solid #f0f0f0;
  color: var(--pp-n600);
}
.pp-data-tbl td:first-child { text-align: left; font-weight: 600; color: var(--pp-n800); }
.pp-data-tbl tr:last-child td { border-bottom: none; }
.pp-data-tbl tbody tr:hover td { background: var(--pp-g050); }

/* ══════════════════════════════════════════════════
   TWO-COL NOTES
══════════════════════════════════════════════════ */
.pp-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 540px) { .pp-two-col { grid-template-columns: 1fr; } }

.pp-col-note {
  padding: 15px 18px;
  border-radius: var(--r-md);
  font-size: 13.5px;
  color: var(--pp-n600);
  line-height: 1.58;
  border: 1.5px solid;
}
.pp-col-note strong { display: block; font-size: 13.5px; margin-bottom: 5px; }
.pp-cn-gd { background: var(--gd-bg); border-color: var(--gd-border); }
.pp-cn-gd strong { color: var(--gd); }
.pp-cn-fm { background: var(--fm-bg); border-color: var(--fm-border); }
.pp-cn-fm strong { color: var(--fm); }

/* ══════════════════════════════════════════════════
   QUOTE
══════════════════════════════════════════════════ */
.pp-quote {
  background: var(--surface);
  border: 1.5px solid var(--pp-n100);
  border-left: 4px solid var(--pp-g500);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: 18px 22px;
  margin: 22px 0;
  font-size: 14px;
  color: var(--pp-n600);
  line-height: 1.72;
  font-style: italic;
}
.pp-quote-attr {
  font-style: normal;
  font-size: 12.5px;
  color: var(--pp-n400);
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pp-quote-attr strong { color: var(--pp-n700); font-weight: 700; }

/* ══════════════════════════════════════════════════
   CHEAT SHEET
══════════════════════════════════════════════════ */
.pp-sheet {
  background: var(--surface);
  border: 1.5px solid var(--pp-n100);
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--sh-xs);
}
.pp-sheet-head {
  padding: 12px 20px;
  background: var(--pp-g800);
  color: rgba(255,255,255,.85);
  font-family: var(--font-ui);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  border-bottom: 1.5px solid var(--pp-g700);
}
.pp-sheet ul { list-style: none; padding: 4px 0; }
.pp-sheet ul li {
  padding: 11px 20px;
  font-size: 14px;
  color: var(--pp-n700);
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.58;
}
.pp-sheet ul li:last-child { border-bottom: none; }
.pp-sheet ul li::before {
  content: '';
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--pp-g400);
  flex-shrink: 0;
  margin-top: 8px;
}
.pp-sheet strong { color: var(--pp-n800); }

/* ══════════════════════════════════════════════════
   SCENARIOS
══════════════════════════════════════════════════ */
.pp-scenarios {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 14px;
}
@media (max-width: 480px) { .pp-scenarios { grid-template-columns: 1fr; } }

.pp-sc {
  border-radius: var(--r-lg);
  border: 1.5px solid var(--pp-n100);
  background: var(--white);
  overflow: hidden;
  box-shadow: var(--sh-xs);
}
.pp-sc-sit {
  padding: 13px 18px;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 13.5px;
  color: var(--pp-g900);
  background: var(--pp-g050);
  border-bottom: 1.5px solid var(--pp-g200);
}
.pp-sc-body { padding: 14px 18px; }
.pp-sc-best {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-ok-t);
  margin-bottom: 5px;
  padding: 7px 11px;
  background: var(--c-ok-bg);
  border-radius: var(--r-sm);
  border-left: 3px solid var(--c-ok-b);
}
.pp-sc-alt {
  font-size: 13px;
  font-weight: 600;
  color: var(--c-wn-t);
  padding: 7px 11px;
  background: var(--c-wn-bg);
  border-radius: var(--r-sm);
  border-left: 3px solid var(--c-wn-b);
}
.pp-sc-why {
  font-size: 13px;
  color: var(--pp-n500);
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
  line-height: 1.62;
}

/* ══════════════════════════════════════════════════
   SITUATIONS TABLE
══════════════════════════════════════════════════ */
.pp-sit-tbl-wrap {
  overflow-x: auto;
  border-radius: var(--r-lg);
  border: 1.5px solid var(--pp-n100);
  box-shadow: var(--sh-xs);
  margin-top: 20px;
}
.pp-sit-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  font-family: var(--font-ui);
}
.pp-sit-tbl th {
  padding: 11px 16px;
  background: var(--pp-g800);
  color: rgba(255,255,255,.8);
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  border-bottom: 2px solid var(--pp-g700);
}
.pp-sit-tbl td {
  padding: 11px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: var(--pp-n600);
  vertical-align: top;
  line-height: 1.52;
}
.pp-sit-tbl tr:last-child td { border-bottom: none; }
.pp-sit-tbl tbody tr:hover td { background: var(--pp-g050); }
.pp-sit-tbl td:first-child { font-weight: 600; color: var(--pp-n800); }

/* ══════════════════════════════════════════════════
   FAQ (DETAILS/SUMMARY)
══════════════════════════════════════════════════ */
.pp-faq { display: flex; flex-direction: column; gap: 8px; }

.pp-fi {
  border: 1.5px solid var(--pp-n100);
  border-radius: var(--r-md);
  overflow: hidden;
  box-shadow: var(--sh-xs);
}

.pp-fi details summary {
  padding: 15px 20px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--pp-n800);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--white);
  font-family: var(--font-ui);
  transition: background .15s;
}
.pp-fi details summary::-webkit-details-marker { display: none; }
.pp-fi details summary:hover { background: var(--pp-g050); }
.pp-fi details[open] summary {
  background: var(--pp-g100);
  color: var(--pp-g800);
  border-bottom: 1.5px solid var(--pp-g200);
}
.pp-fi details summary::after {
  content: '+';
  font-size: 22px;
  font-weight: 300;
  color: var(--pp-g500);
  margin-left: 14px;
  flex-shrink: 0;
  transition: transform .2s;
  line-height: 1;
}
.pp-fi details[open] summary::after { transform: rotate(45deg); }

.pp-fa {
  padding: 16px 20px;
  font-size: 14px;
  color: var(--pp-n600);
  line-height: 1.72;
  background: var(--surface);
}

/* ══════════════════════════════════════════════════
   SOURCES LIST
══════════════════════════════════════════════════ */
.pp-sources {
  border: 1.5px solid var(--pp-n100);
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--sh-xs);
}
.pp-sources-head {
  padding: 11px 20px;
  background: var(--pp-g800);
  color: rgba(255,255,255,.8);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.pp-sources ol {
  list-style: none;
  padding: 6px 0;
  counter-reset: src;
}
.pp-sources ol li {
  counter-increment: src;
  padding: 9px 20px 9px 52px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13.5px;
  line-height: 1.55;
}
.pp-sources ol li:last-child { border-bottom: none; }
.pp-sources ol li::before {
  content: counter(src);
  position: absolute;
  left: 20px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: var(--pp-g100);
  color: var(--pp-g700);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-ui);
}

/* ══════════════════════════════════════════════════
   HR & DISCLAIMER
══════════════════════════════════════════════════ */
.pp-hr {
  border: none;
  border-top: 2px solid var(--pp-g200);
  margin: 44px 0;
}

.pp-dis {
  background: var(--surface);
  border: 1.5px solid var(--pp-n100);
  border-left: 4px solid var(--pp-n300);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: 16px 22px;
  margin-top: 36px;
}
.pp-dis p {
  font-size: 12.5px;
  color: var(--pp-n400);
  line-height: 1.65;
  margin-bottom: 7px;
  font-style: italic;
}
.pp-dis p:last-child { margin-bottom: 0; }

/* ══════════════════════════════════════════════════
   INLINE HIGHLIGHT
══════════════════════════════════════════════════ */
.pp-hl-gd { color: var(--gd); font-weight: 700; }
.pp-hl-fm { color: var(--fm); font-weight: 700; }

/* ══════════════════════════════════════════════════
   SCROLLBAR
══════════════════════════════════════════════════ */
.pp-root ::-webkit-scrollbar { width: 5px; height: 5px; }
.pp-root ::-webkit-scrollbar-track { background: #f5f5f5; }
.pp-root ::-webkit-scrollbar-thumb { background: var(--pp-n200); border-radius: 3px; }

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