/* 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_2536.css?17815327069982*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2536 */

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

:root { --green: #4DB15E; --green-dark: #3A9148; --green-light: #EAF6EC; --shar: #2563A8; --shar-light: #EBF2FA; --akita: #C96F10; --akita-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; } article.main-wrapper { max-width: unset; margin: 0 auto; padding: 0 16px; font-family: 'Inter', Arial, Helvetica, sans-serif; color: var(--ink); font-size: 14px; line-height: 1.6; background: transparent; } h1 { font-size: 24px; font-weight: 800; color: var(--ink); margin-bottom: 24px; line-height: 1.3; } .section { margin-top: 32px; } .sec-title { font-size: 12px; 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); } .text-content { font-size: 14px; color: var(--ink2); line-height: 1.6; margin-bottom: 16px; } .text-content p { margin-bottom: 12px; } .text-content ul { margin: 0 0 16px 20px; list-style-type: disc; } .text-content ol.bib-list { margin: 0 0 16px 20px; list-style-type: decimal; } .text-content li { margin-bottom: 8px; } .text-content strong { color: var(--ink); font-weight: 700; } .text-content a { color: var(--shar); text-decoration: none; } .text-content a:hover { text-decoration: underline; } .text-content img { max-width: 100%; border-radius: 12px; margin: 16px 0; display: block; border: 1px solid var(--border); } .cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .card { background: var(--white); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .fact-head { padding: 12px 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; } .fact-head.shar { background: var(--shar-light); color: var(--shar); } .fact-head.akita { background: var(--akita-light); color: var(--akita); } .fact-body { padding: 4px 0 8px; } .fact-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; 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%; } .bars-card { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 18px 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .bar-header { display: grid; grid-template-columns: 1fr 160px 1fr; gap: 8px; margin-bottom: 16px; } .bar-col-label { font-size: 11px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; } .bar-col-label.shar { color: var(--shar); } .bar-col-label.akita { color: var(--akita); } .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.shar { background: var(--shar); } .bar-fill.akita { background: var(--akita); } .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: 10px; border: 1px solid var(--border); box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .compare-table { width: 100%; border-collapse: collapse; font-size: 13px; } .compare-table thead th { padding: 12px 14px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; } .compare-table thead th:first-child { text-align: left; color: var(--ink3); background: var(--white); width: 25%; } .compare-table thead th.shar { background: var(--shar-light); color: var(--shar); } .compare-table thead th.akita { background: var(--akita-light); color: var(--akita); } .compare-table tbody tr td { padding: 10px 14px; border-bottom: 1px solid var(--bg); vertical-align: top; line-height: 1.5; color: var(--ink2); } .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:nth-child(even) td:nth-child(2) { background: #EBF2FA; } .compare-table tbody tr:nth-child(even) td:nth-child(3) { background: #FDF3E7; } .compare-table tbody tr td strong { color: var(--ink); font-weight: 700; } .callout { border-radius: 10px; padding: 16px; border: 1px solid; } .callout.shar { background: var(--shar-light); border-color: #B8D0EE; } .callout.akita { background: var(--akita-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: 8px; text-transform: uppercase; letter-spacing: 0.5px; } .callout.shar .callout-title { color: var(--shar); } .callout.akita .callout-title { color: var(--akita); } .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.65; margin-bottom: 0; } .callout p strong { color: var(--ink); } .scenarios { display: flex; flex-direction: column; gap: 10px; } .scenario { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 16px; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: start; box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .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 10px; border-radius: 6px; font-size: 11px; font-weight: 800; white-space: nowrap; align-self: start; margin-top: 2px; text-transform: uppercase; letter-spacing: 0.5px; } .sc-badge.shar { background: var(--shar); color: var(--white); } .sc-badge.akita { background: var(--akita); color: var(--white); } .sc-badge.both { background: var(--ink3); color: var(--white); } .sc-badge.warn { background: var(--red); color: var(--white); } .verdict-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .verdict-card { border-radius: 10px; padding: 20px; border: 1.5px solid; background: var(--white); box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .verdict-card.shar { background: var(--shar-light); border-color: var(--shar); } .verdict-card.akita { background: var(--akita-light); border-color: var(--akita); } .verdict-card.good { background: var(--green-light); border-color: var(--green); grid-column: 1 / -1; } .verdict-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 14px; } .verdict-card.shar .verdict-title { color: var(--shar); } .verdict-card.akita .verdict-title { color: var(--akita); } .verdict-card.good .verdict-title { color: var(--green-dark); } .vlist { display: flex; flex-direction: column; gap: 8px; } .vitem { font-size: 13px; color: var(--ink2); line-height: 1.5; display: flex; gap: 8px; align-items: flex-start; } .vitem .vi-mark { font-weight: 900; flex-shrink: 0; font-size: 14px; } .vitem.yes .vi-mark { color: var(--green-dark); } .vitem.no .vi-mark { color: var(--red); } .health-warn { background: var(--red-light); border: 1.5px solid #EAA0A0; border-radius: 10px; padding: 18px 20px; margin-bottom: 12px; } .hw-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--red); margin-bottom: 8px; } .hw-text { font-size: 13px; color: var(--ink2); line-height: 1.65; } .expert-block { background: var(--bg); border: 1px solid var(--border); border-left: 4px solid var(--shar); padding: 18px 20px; border-radius: 10px; margin: 16px 0; } .expert-title { font-weight: 800; color: var(--shar); text-transform: uppercase; margin-bottom: 8px; font-size: 12px; letter-spacing: 0.5px; } .tabs-wrapper { display: flex; gap: 8px; margin-bottom: 16px; border-bottom: 1px solid var(--border); padding-bottom: 1px; } .tab-btn { background: transparent; border: none; padding: 10px 16px; font-size: 13px; font-weight: 700; color: var(--ink3); cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.2s ease; font-family: inherit; } .tab-btn:hover { color: var(--ink); } .tab-btn.is-active { color: var(--shar); border-bottom-color: var(--shar); } .tab-panel { display: none; } .tab-panel.is-active { display: block; } @media(max-width: 1100px) { article.main-wrapper { padding: 0 24px; } .cards-grid { gap: 10px; } } @media(max-width: 900px) { .verdict-grid { grid-template-columns: 1fr; } .bar-row-wrap, .bar-header { grid-template-columns: 1fr 140px 1fr; } } @media(max-width: 680px) { article.main-wrapper { padding: 0 16px; } .compare-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .compare-table { width: max-content; min-width: 100%; } h1 { font-size: 22px; } .sec-title { font-size: 11px; margin-bottom: 12px; } } @media(max-width: 560px) { .cards-grid { grid-template-columns: 1fr; } .scenario { grid-template-columns: 1fr; gap: 10px; } .bar-row-wrap, .bar-header { grid-template-columns: 1fr 90px 1fr; } .tabs-wrapper { overflow-x: auto; white-space: nowrap; padding-bottom: 4px; -webkit-overflow-scrolling: touch; } } @media(max-width: 380px) { h1 { font-size: 19px; } .fact-head { font-size: 12px; padding: 10px 12px; } .callout, .verdict-card, .health-warn, .expert-block { padding: 14px; } .bar-col-label { font-size: 10px; } }

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