/* 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_2661.css?17827276969445*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2661 */

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

:root { --green: #4DB15E; --green-dark: #3A9148; --green-light: #EAF6EC; --corso: #2563A8; --corso-light: #EBF2FA; --kangal: #C96F10; --kangal-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; } .main-wrapper { max-width: unset; margin: 0 auto; padding: 24px 16px 64px; background: var(--bg); color: var(--ink); font-family: 'Inter', system-ui, sans-serif; font-size: 14px; line-height: 1.6; } .hero-title { font-size: 28px; font-weight: 800; color: var(--ink); margin-bottom: 20px; line-height: 1.3; } .hero-img { width: 100%; max-height: 400px; object-fit: cover; border-radius: 16px; margin-bottom: 24px; display: block; } .section { margin-top: 28px; } .sec-title { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--ink3); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; } .sec-title::after { content: ''; flex: 1; height: 1px; background: var(--border); } .facts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .fact-card { background: var(--white); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; } .fact-head { padding: 10px 14px; font-size: 12px; font-weight: 700; letter-spacing: .3px; } .fact-head.corso { background: var(--corso-light); color: var(--corso); } .fact-head.kangal { background: var(--kangal-light); color: var(--kangal); } .fact-body { padding: 2px 0 8px; } .fact-row { display: flex; justify-content: space-between; align-items: center; padding: 7px 14px; border-bottom: 1px solid var(--bg); font-size: 12.5px; } .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: 16px 18px; } .bar-header { display: grid; grid-template-columns: 1fr 160px 1fr; gap: 8px; margin-bottom: 14px; } .bar-col-label { font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; text-align: center; } .bar-col-label.corso { color: var(--corso); } .bar-col-label.kangal { color: var(--kangal); } .bar-row-wrap { display: grid; grid-template-columns: 1fr 160px 1fr; gap: 8px; align-items: center; margin-bottom: 9px; } .bar-row-wrap:last-child { margin-bottom: 0; } .bar-side { height: 7px; 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.corso { background: var(--corso); } .bar-fill.kangal { background: var(--kangal); } .bar-label { font-size: 11.5px; font-weight: 600; color: var(--ink2); text-align: center; line-height: 1.3; } .bp-corso__tabs { display: flex; gap: 10px; position: sticky; top: 0; background: rgba(245, 247, 250, 0.9); backdrop-filter: blur(8px); padding: 12px 0; z-index: 100; overflow-x: auto; } .bp-corso__tabs::-webkit-scrollbar { display: none; } .bp-corso__tab { padding: 10px 20px; border: 1px solid var(--border); border-radius: 99px; background: var(--white); color: var(--ink2); font-weight: 600; font-size: 13px; cursor: pointer; white-space: nowrap; transition: all 0.2s; font-family: inherit; } .bp-corso__tab.is-active { background: var(--green-light); color: var(--green-dark); border-color: var(--green); } .bp-corso__panel { display: none; } .bp-corso__panel.is-active { display: block; } .compare-wrap { overflow-x: auto; border-radius: 10px; border: 1px solid var(--border); } .compare-table { width: 100%; border-collapse: collapse; font-size: 12.5px; } .compare-table thead th { padding: 10px 14px; font-size: 11px; font-weight: 700; 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.corso { background: var(--corso-light); color: var(--corso); } .compare-table thead th.kangal { background: var(--kangal-light); color: var(--kangal); } .compare-table tbody tr td { padding: 9px 14px; 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(--corso-light); } .compare-table tbody tr:hover td:nth-child(3) { background: var(--kangal-light); } .compare-table tbody tr td strong { color: var(--ink); font-weight: 700; } .callout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .callout { border-radius: 10px; padding: 16px; border: 1px solid; } .callout.corso { background: var(--corso-light); border-color: #B8D0EE; } .callout.kangal { background: var(--kangal-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: 12px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .5px; } .callout.corso .callout-title { color: var(--corso); } .callout.kangal .callout-title { color: var(--kangal); } .callout.warn .callout-title { color: var(--red); } .callout.good .callout-title { color: var(--green-dark); } .callout p { font-size: 12.5px; color: var(--ink2); line-height: 1.65; } .scenarios { display: flex; flex-direction: column; gap: 8px; } .scenario { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: start; } .sc-question { font-size: 13px; font-weight: 600; color: var(--ink); margin-bottom: 4px; } .sc-answer { font-size: 12.5px; color: var(--ink2); line-height: 1.6; } .sc-badge { padding: 3px 10px; border-radius: 4px; font-size: 11px; font-weight: 700; white-space: nowrap; align-self: start; margin-top: 2px; } .sc-badge.corso { background: var(--corso); color: #fff; } .sc-badge.kangal { background: var(--kangal); color: #fff; } .sc-badge.both { background: var(--green); color: #fff; } .verdict-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .verdict-card { border-radius: 10px; padding: 18px; border: 1.5px solid; } .verdict-card.corso { background: var(--corso-light); border-color: var(--corso); } .verdict-card.kangal { background: var(--kangal-light); border-color: var(--kangal); } .verdict-title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 12px; } .verdict-card.corso .verdict-title { color: var(--corso); } .verdict-card.kangal .verdict-title { color: var(--kangal); } .vlist { display: flex; flex-direction: column; gap: 7px; list-style: none; } .vitem { font-size: 12.5px; color: var(--ink2); line-height: 1.5; display: flex; gap: 7px; align-items: flex-start; } .vitem .vi-mark { font-weight: 800; flex-shrink: 0; } .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: 16px 18px; } .hw-title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--red); margin-bottom: 7px; } .hw-text { font-size: 12.5px; color: var(--ink2); line-height: 1.65; } .expert-block { background: var(--green-light); border: 1px solid #AADDB6; border-radius: 10px; padding: 18px; } .expert-title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--green-dark); margin-bottom: 8px; } .literature-list { list-style: none; font-size: 12.5px; color: var(--ink2); } .literature-list li { margin-bottom: 8px; padding-left: 12px; position: relative; } .literature-list li::before { content: ''; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: var(--ink3); border-radius: 50%; } .literature-list a { color: var(--corso); text-decoration: none; } .literature-list a:hover { text-decoration: underline; } @media(max-width: 1100px) { .hero-title { font-size: 26px; } } @media(max-width: 900px) { .hero-title { font-size: 24px; } .facts-grid, .callout-grid, .verdict-grid { grid-template-columns: 1fr; } .bar-header, .bar-row-wrap { grid-template-columns: 1fr 140px 1fr; } } @media(max-width: 680px) { .hero-title { font-size: 22px; } .compare-wrap { overflow-x: auto; } .sec-title { font-size: 10.5px; } } @media(max-width: 560px) { .hero-title { font-size: 20px; } .bp-corso__tabs { flex-wrap: nowrap; overflow-x: auto; } .bp-corso__tab { width: 100%; text-align: center; } .scenario { grid-template-columns: 1fr; } .sc-badge { width: 100%; text-align: center; } .bar-header, .bar-row-wrap { grid-template-columns: 1fr 100px 1fr; } } @media(max-width: 380px) { .hero-title { font-size: 18px; } .fact-head { font-size: 11px; } .sec-title { font-size: 10px; } .bar-header, .bar-row-wrap { grid-template-columns: 1fr 80px 1fr; } .bp-corso__tab { font-size: 12px; padding: 8px 12px; } }

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