/* Start:/local/templates/doctor/components/bitrix/news/stati/bitrix/news.detail/.default/style.css?1776854389865*/
.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;
	}
}

/* End */


/* Start:/upload/article_assets/iblock_2/element_2526.css?178136797010303*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2526 */

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

:root { --green: #4DB15E; --green-dark: #3A9148; --green-light: #EAF6EC; --bob: #2563A8; --bob-light: #EBF2FA; --shel: #C96F10; --shel-light: #FDF3E7; --bg: #F5F7FA; --white: #FFFFFF; --ink: #1A2035; --ink2: #3D4B63; --ink3: #7C8BA3; --border: #DDE3EC; --red: #C83030; --red-light: #FDEAEA; } *,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Inter', Arial, Helvetica, sans-serif; background: var(--bg); color: var(--ink); min-height: 100vh; padding: 24px 0 64px; font-size: 14px; line-height: 1.6; } article.bp-herding.main-wrapper { max-width: unset; margin: 0 auto; padding: 0 16px; } h1 { font-size: 24px; font-weight: 800; color: var(--ink); margin-bottom: 16px; line-height: 1.3; } h2 { font-size: 20px; font-weight: 700; color: var(--ink); margin: 32px 0 16px; } h3 { font-size: 16px; font-weight: 700; color: var(--ink); margin: 24px 0 12px; } p { margin-bottom: 16px; color: var(--ink2); } img { max-width: 100%; height: auto; border-radius: 12px; display: block; margin: 24px 0; border: 1px solid var(--border); } ul, ol { margin-bottom: 16px; padding-left: 20px; color: var(--ink2); } li { margin-bottom: 8px; } a { color: var(--bob); text-decoration: none; font-weight: 600; } .chunk { background: var(--white); border-left: 4px solid var(--green); padding: 16px; border-radius: 0 8px 8px 0; margin: 20px 0; font-weight: 500; font-size: 14.5px; color: var(--ink); box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .section { margin-top: 32px; } .sec-title { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--ink3); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; } .sec-title::after { content: ''; flex: 1; height: 1px; background: var(--border); } .cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.02); } .fact-head { padding: 12px 16px; font-size: 13px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; } .fact-head.bob { background: var(--bob-light); color: var(--bob); } .fact-head.shel { background: var(--shel-light); color: var(--shel); } .fact-body { padding: 4px 0 10px; } .fact-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 16px; border-bottom: 1px solid var(--bg); font-size: 13px; } .fact-row:last-child { border-bottom: none; } .fact-key { color: var(--ink3); } .fact-val { font-weight: 600; color: var(--ink); text-align: right; max-width: 60%; line-height: 1.3; } .bars-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); } .bar-header { display: grid; grid-template-columns: 1fr 160px 1fr; gap: 10px; margin-bottom: 18px; } .bar-col-label { font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; text-align: center; } .bar-col-label.bob { color: var(--bob); } .bar-col-label.shel { color: var(--shel); } .bar-row-wrap { display: grid; grid-template-columns: 1fr 160px 1fr; gap: 10px; align-items: center; margin-bottom: 12px; } .bar-row-wrap:last-child { margin-bottom: 0; } .bar-side { height: 8px; background: var(--bg); border-radius: 99px; overflow: hidden; } .bar-side.left { display: flex; justify-content: flex-end; } .bar-fill { height: 100%; border-radius: 99px; } .bar-fill.bob { background: var(--bob); } .bar-fill.shel { background: var(--shel); } .bar-label { font-size: 12px; font-weight: 600; color: var(--ink2); text-align: center; line-height: 1.3; } .compare-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid var(--border); background: var(--white); } .compare-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 500px; } .compare-table thead th { padding: 12px 16px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid var(--border); } .compare-table thead th:first-child { text-align: left; color: var(--ink3); background: var(--white); width: 25%; } .compare-table thead th.bob { background: var(--bob-light); color: var(--bob); } .compare-table thead th.shel { background: var(--shel-light); color: var(--shel); } .compare-table tbody tr td { padding: 12px 16px; border-bottom: 1px solid var(--bg); vertical-align: top; line-height: 1.5; } .compare-table tbody tr:last-child td { border-bottom: none; } .compare-table tbody tr td:first-child { color: var(--ink3); font-weight: 600; background: var(--white); } .compare-table tbody tr td:nth-child(2) { background: #F7FAFE; } .compare-table tbody tr td:nth-child(3) { background: #FDF9F4; } .compare-table tbody tr:hover td:nth-child(2) { background: var(--bob-light); } .compare-table tbody tr:hover td:nth-child(3) { background: var(--shel-light); } .compare-table tbody tr td strong { color: var(--ink); font-weight: 700; } .compare-table.multi-table thead th { background: var(--bg); color: var(--ink2); text-align: left; } .compare-table.multi-table tbody tr td:nth-child(n) { background: var(--white); } .compare-table.multi-table tbody tr:nth-child(even) td { background: var(--bg); } .callout { border-radius: 12px; padding: 18px; border: 1.5px solid; } .callout.bob { background: var(--bob-light); border-color: #B8D0EE; } .callout.shel { background: var(--shel-light); border-color: #F0C080; } .callout.warn { background: var(--red-light); border-color: #F0AAAA; } .callout.good { background: var(--green-light); border-color: #AADDB6; } .callout-title { font-size: 13px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .5px; } .callout.bob .callout-title { color: var(--bob); } .callout.shel .callout-title { color: var(--shel); } .callout.warn .callout-title { color: var(--red); } .callout.good .callout-title { color: var(--green-dark); } .callout p { font-size: 13px; color: var(--ink2); line-height: 1.6; margin-bottom: 0; } .scenarios { display: flex; flex-direction: column; gap: 10px; } .scenario { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 16px 20px; display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: start; box-shadow: 0 2px 6px rgba(0,0,0,0.02); } .sc-question { font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 6px; } .sc-answer { font-size: 13px; color: var(--ink2); line-height: 1.6; } .sc-badge { padding: 4px 12px; border-radius: 6px; font-size: 11.5px; font-weight: 700; white-space: nowrap; align-self: start; margin-top: 2px; } .sc-badge.bob { background: var(--bob); color: #fff; } .sc-badge.shel { background: var(--shel); color: #fff; } .sc-badge.both { background: var(--green); color: #fff; } .verdict-card { border-radius: 12px; padding: 20px; border: 2px solid; } .verdict-card.bob { background: var(--bob-light); border-color: var(--bob); } .verdict-card.shel { background: var(--shel-light); border-color: var(--shel); } .verdict-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 16px; } .verdict-card.bob .verdict-title { color: var(--bob); } .verdict-card.shel .verdict-title { color: var(--shel); } .vlist { display: flex; flex-direction: column; gap: 10px; } .vitem { font-size: 13px; color: var(--ink2); line-height: 1.5; display: flex; gap: 10px; align-items: flex-start; } .vitem .vi-mark { font-weight: 800; flex-shrink: 0; font-size: 16px; line-height: 1; } .vitem.yes .vi-mark { color: var(--green-dark); } .vitem.no .vi-mark { color: var(--red); } .health-warn { background: var(--red-light); border: 2px solid #EAA0A0; border-radius: 12px; padding: 20px; margin-bottom: 16px; } .hw-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--red); margin-bottom: 10px; } .hw-text { font-size: 13px; color: var(--ink2); line-height: 1.6; } .bp-herding__tabs { display: flex; gap: 8px; background: rgba(255,255,255,0.9); backdrop-filter: blur(8px); padding: 8px; border-radius: 12px; position: sticky; top: 10px; z-index: 10; border: 1px solid var(--border); box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; } .bp-herding__tab { padding: 10px 20px; border: none; background: transparent; border-radius: 8px; font-weight: 600; font-size: 13px; color: var(--ink2); cursor: pointer; white-space: nowrap; transition: background 0.2s, color 0.2s; font-family: inherit; } .bp-herding__tab.is-active { background: var(--green); color: var(--white); } .bp-herding__panel { display: none; } .bp-herding__panel.is-active { display: block; } .expert-block { background: var(--bg); border: 1px solid var(--border); border-radius: 12px; padding: 20px; margin: 24px 0; } .expert-block p { font-size: 13.5px; } .expert-block strong { color: var(--ink); } .refs-list { font-size: 12px; color: var(--ink3); padding-left: 16px; } .refs-list li { margin-bottom: 6px; } .refs-list a { color: var(--ink3); text-decoration: underline; font-weight: 400; } @media(max-width: 1100px) { .cards-grid { gap: 12px; } } @media(max-width: 900px) { .bar-header, .bar-row-wrap { grid-template-columns: 1fr; gap: 6px; } .bar-col-label, .bar-label { text-align: left; } .bar-side.left { justify-content: flex-start; } .bar-side { height: 12px; } } @media(max-width: 680px) { article.bp-herding.main-wrapper { padding: 0 12px; } h1 { font-size: 22px; } h2 { font-size: 18px; } .cards-grid.callout-grid { grid-template-columns: 1fr; } .compare-wrap { overflow-x: auto; } } @media(max-width: 560px) { .bp-herding__tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 8px; border-radius: 8px; } .bp-herding__tab { width: 100%; text-align: center; } .cards-grid { grid-template-columns: 1fr; } .scenario { grid-template-columns: 1fr; gap: 10px; } .sc-badge { width: 100%; text-align: center; } } @media(max-width: 380px) { body { font-size: 13px; } h1 { font-size: 19px; } h2 { font-size: 16px; } .bp-herding__tab { font-size: 12px; padding: 8px 12px; } .fact-head { font-size: 12px; } .fact-row { font-size: 12px; flex-direction: column; align-items: flex-start; gap: 4px; } .fact-val { text-align: left; max-width: 100%; } }

/* End */
/* /local/templates/doctor/components/bitrix/news/stati/bitrix/news.detail/.default/style.css?1776854389865 */
/* /upload/article_assets/iblock_2/element_2526.css?178136797010303 */