/* 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_2769.css?178290006414090*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2769 */

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

.pp-brand-page, .pp-brand-page * { box-sizing: border-box; } .pp-brand-page { --pp-white: #ffffff; --pp-gray-50: #f7f8fa; --pp-gray-100: #eceef2; --pp-gray-200: #d9dde5; --pp-gray-300: #c2c8d2; --pp-gray-400: #98a1ad; --pp-gray-500: #6f7885; --pp-gray-600: #525b66; --pp-gray-700: #374151; --pp-gray-800: #1f2937; --pp-gray-900: #111827; --pp-green: #1a9160; --pp-green-dark: #0f6e47; --pp-green-light: #e5f6ee; --pp-green-mid: #bce5d2; --pp-amber: #d4740a; --pp-amber-light: #fdf3e6; --pp-red: #c43020; --pp-red-light: #fdecea; --pp-blue: #2454c8; --pp-blue-light: #edf1fc; --pp-page-bg: #f4f5f7; max-width: unset; margin: 0 auto; padding: 14px 24px 64px; color: var(--pp-gray-800); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 14px; line-height: 1.5; } .pp-brand-page a { color: inherit; } .pp-brand-section-title { margin: 28px 0 12px; color: var(--pp-gray-900); font-size: 18px; font-weight: 800; letter-spacing: -0.3px; line-height: 1.25; } .pp-brand-hero { position: relative; display: flex; gap: 28px; align-items: flex-start; margin: 0 0 8px; padding: 28px 32px; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 16px; } .pp-brand-hero__report { position: absolute; top: 16px; right: 18px; display: inline-flex; gap: 6px; align-items: center; padding: 7px 13px; color: var(--pp-gray-500); font-size: 12px; font-weight: 600; text-decoration: none; background: var(--pp-white); border: 1px solid var(--pp-gray-200); border-radius: 8px; } .pp-brand-hero__report:hover { color: var(--pp-red); background: var(--pp-red-light); border-color: #f0b0a8; } .pp-brand-logo { display: flex; flex: 0 0 120px; align-items: center; justify-content: center; width: 120px; height: 90px; text-align: center; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 10px; } .pp-brand-logo__name { color: var(--pp-gray-900); font-size: 18px; font-weight: 900; line-height: 1; letter-spacing: 1px; } .pp-brand-logo__sub { margin-top: 3px; color: var(--pp-gray-400); font-size: 7px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .pp-brand-logo__flag { display: flex; justify-content: center; gap: 3px; margin-top: 5px; } .pp-brand-logo__flag-part { width: 20px; height: 4px; border-radius: 1px; } .pp-brand-logo__flag-part--white { background: #ffffff; border: 1px solid #e0e0e0; } .pp-brand-logo__flag-part--blue { background: #0039a6; } .pp-brand-logo__flag-part--red { background: #d52b1e; } .pp-brand-hero__content { flex: 1 1 auto; min-width: 0; } .pp-brand-hero__title { margin: 0 0 10px; color: var(--pp-gray-900); font-size: 26px; font-weight: 800; line-height: 1.2; letter-spacing: -0.4px; } .pp-brand-hero__description { max-width: 560px; margin: 0 0 18px; color: var(--pp-gray-600); font-size: 14px; line-height: 1.65; } .pp-brand-meta { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 18px; padding: 12px 16px; background: var(--pp-gray-50); border-radius: 10px; } .pp-brand-meta__item { display: flex; gap: 6px; align-items: center; margin: 0; } .pp-brand-meta__item:not(:last-child)::after { content: ""; display: block; width: 1px; height: 16px; margin-left: 10px; background: var(--pp-gray-200); } .pp-brand-meta__term { color: var(--pp-gray-500); font-size: 11px; font-weight: 500; } .pp-brand-meta__value { margin: 0; color: var(--pp-gray-800); font-size: 12px; font-weight: 700; } .pp-brand-button { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 20px; color: #ffffff !important; font-size: 13px; font-weight: 700; text-decoration: none; background: var(--pp-green); border: 0; border-radius: 8px; box-shadow: 0 2px 8px rgba(26, 145, 96, 0.22); cursor: pointer; } .pp-brand-button:hover { background: #105b3c; } .pp-brand-rating { overflow: hidden; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 16px; } .pp-brand-rating__layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); } .pp-brand-rating__total { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 28px 24px; text-align: center; border-right: 1px solid var(--pp-gray-100); } .pp-rating-ring { position: relative; width: 80px; height: 80px; margin-bottom: 8px; } .pp-rating-ring__svg { width: 80px; height: 80px; transform: rotate(-90deg); } .pp-rating-ring__value { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pp-rating-ring__number { color: var(--pp-gray-900); font-size: 22px; font-weight: 800; line-height: 1; } .pp-rating-ring__max { color: var(--pp-gray-400); font-size: 10px; font-weight: 500; } .pp-brand-rating__label { color: var(--pp-gray-900); font-size: 13px; font-weight: 700; } .pp-brand-rating__sources { margin-top: 2px; color: var(--pp-gray-500); font-size: 11px; } .pp-rating-list { margin: 0; padding: 8px 0; list-style: none; } .pp-rating-item { margin: 0; border-bottom: 1px solid var(--pp-gray-50); } .pp-rating-item:last-child { border-bottom: 0; } .pp-rating-row, .pp-rating-summary { display: grid; grid-template-columns: minmax(0, 1fr) 54px 22px 18px; gap: 12px; align-items: center; min-height: 54px; padding: 10px 24px; } .pp-rating-summary { padding-left: 21px; background: var(--pp-green-light); border-left: 3px solid var(--pp-green); cursor: pointer; list-style: none; } .pp-rating-summary::-webkit-details-marker { display: none; } .pp-rating-summary:hover { background: #d8f0e8; } .pp-rating-item__name { margin: 0; color: var(--pp-gray-800); font-size: 13px; font-weight: 600; } .pp-rating-item__description { margin: 1px 0 0; color: var(--pp-gray-500); font-size: 11px; } .pp-rating-summary .pp-rating-item__name { color: var(--pp-green-dark); font-weight: 700; } .pp-rating-summary .pp-rating-item__description { color: var(--pp-green); } .pp-rating-score { width: 54px; color: var(--pp-amber); font-size: 16px; font-weight: 800; text-align: right; } .pp-rating-score--green { color: var(--pp-green); } .pp-rating-na { width: 54px; color: var(--pp-gray-400); font-size: 11px; font-weight: 500; text-align: right; } .pp-help { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; color: var(--pp-gray-400); font-size: 11px; font-weight: 700; background: var(--pp-gray-50); border: 1.5px solid var(--pp-gray-200); border-radius: 50%; cursor: help; } .pp-help:hover { color: var(--pp-green); background: var(--pp-green-light); border-color: var(--pp-green); } .pp-help::after { content: attr(data-tip); position: absolute; top: 50%; right: 30px; z-index: 999; width: 220px; padding: 8px 12px; color: #ffffff; font-size: 11px; font-weight: 400; line-height: 1.5; white-space: normal; pointer-events: none; background: var(--pp-gray-800); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); opacity: 0; transform: translateY(-50%); transition: opacity 0.15s; } .pp-help:hover::after { opacity: 1; } .pp-rating-arrow { width: 14px; height: 14px; justify-self: end; transform: rotate(45deg); border-right: 2px solid var(--pp-green); border-bottom: 2px solid var(--pp-green); transition: transform 0.2s; } .pp-rating-item--expert[open] .pp-rating-arrow { transform: rotate(225deg); } .pp-expert-detail { margin: 2px 16px 12px; overflow: hidden; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 10px; } .pp-expert-detail__head { display: flex; gap: 10px; align-items: center; padding: 14px 20px 12px; background: var(--pp-white); border-bottom: 1px solid var(--pp-gray-100); } .pp-expert-detail__title { flex: 1; margin: 0; color: var(--pp-gray-900); font-size: 13px; font-weight: 700; } .pp-expert-detail__updated { color: var(--pp-gray-500); font-size: 11px; } .pp-expert-detail__body { display: grid; grid-template-columns: minmax(0, 1fr) 280px; } .pp-expert-criteria { padding: 18px 20px; border-right: 1px solid var(--pp-gray-100); } .pp-expert-criteria__title, .pp-expert-summary__title { margin: 0 0 14px; color: var(--pp-gray-500); font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; } .pp-criteria-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .pp-criterion { display: grid; grid-template-columns: 150px minmax(0, 1fr) 34px; gap: 12px; align-items: center; } .pp-criterion__name { color: var(--pp-gray-700); font-size: 12px; font-weight: 500; } .pp-criterion__bar { position: relative; height: 6px; overflow: hidden; background: var(--pp-gray-100); border-radius: 999px; } .pp-criterion__bar::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--value, 0%); background: var(--bar-color, var(--pp-amber)); border-radius: inherit; } .pp-criterion__value { color: var(--pp-gray-700); font-size: 12px; font-weight: 700; text-align: right; } .pp-expert-summary { display: grid; gap: 12px; padding: 18px 20px; } .pp-expert-summary__text { margin: 0; color: var(--pp-gray-700); font-size: 13px; line-height: 1.6; } .pp-expert-summary__strong, .pp-expert-summary__weak { margin: 0 0 4px; font-size: 13px; font-weight: 700; } .pp-expert-summary__strong { color: var(--pp-green-dark); } .pp-expert-summary__weak { color: var(--pp-red); } .pp-note { display: flex; gap: 10px; align-items: flex-start; margin: 0 20px 16px; padding: 12px 14px; color: var(--pp-amber); font-size: 12px; line-height: 1.55; background: var(--pp-amber-light); border: 1px solid #f3dcb8; border-radius: 8px; } .pp-rating-footer { display: flex; gap: 6px; align-items: center; padding: 11px 24px; color: var(--pp-green); font-size: 12px; font-weight: 600; text-decoration: none; border-top: 1px solid var(--pp-gray-100); cursor: pointer; } .pp-rating-footer:hover { text-decoration: underline; } .pp-card-grid, .pp-fit-grid { display: grid; gap: 14px; } .pp-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pp-fit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pp-card { padding: 22px 24px; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 14px; } .pp-card--pros { background: #f2faf5; border-color: var(--pp-green-mid); } .pp-card--cons { background: var(--pp-red-light); border-color: #f0b0a8; } .pp-card__title { margin: 0 0 14px; color: var(--pp-gray-900); font-size: 14px; font-weight: 800; line-height: 1.3; } .pp-card--pros .pp-card__title { color: var(--pp-green-dark); } .pp-card--cons .pp-card__title { color: var(--pp-red); } .pp-check-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .pp-check-list__item { display: flex; gap: 9px; color: var(--pp-gray-700); font-size: 13px; line-height: 1.5; } .pp-check-list__mark { flex: 0 0 auto; margin-top: 1px; font-weight: 800; } .pp-check-list__mark--green { color: var(--pp-green); } .pp-check-list__mark--amber { color: var(--pp-amber); } .pp-check-list__mark--red { color: var(--pp-red); } .pp-check-list__mark--blue { color: var(--pp-blue); } .pp-fit-grid .pp-card { padding: 20px 22px; } .pp-fit-grid .pp-check-list { gap: 8px; } .pp-fit-grid .pp-check-list__item { gap: 8px; font-size: 12px; } .pp-verdict-card { overflow: hidden; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 16px; } .pp-verdict-card__text { margin: 0; padding: 22px 24px 18px; color: var(--pp-gray-700); font-size: 14px; line-height: 1.75; } .pp-verdict-card__position { margin: 0; padding: 14px 24px 22px; color: var(--pp-gray-700); font-size: 13px; line-height: 1.65; background: var(--pp-gray-50); border-top: 1px solid var(--pp-gray-100); } .pp-verdict-card__position strong { color: var(--pp-gray-900); font-weight: 700; } .pp-faq-list { display: grid; gap: 8px; } .pp-faq-item { overflow: hidden; background: var(--pp-white); border: 1px solid var(--pp-gray-100); border-radius: 12px; } .pp-faq-item__question { position: relative; display: block; padding: 15px 48px 15px 18px; color: var(--pp-gray-900); font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; } .pp-faq-item__question::-webkit-details-marker { display: none; } .pp-faq-item__question::after { content: ""; position: absolute; top: 50%; right: 18px; width: 8px; height: 8px; border-right: 2px solid var(--pp-gray-400); border-bottom: 2px solid var(--pp-gray-400); transform: translateY(-65%) rotate(45deg); transition: transform 0.2s; } .pp-faq-item[open] .pp-faq-item__question::after { transform: translateY(-35%) rotate(225deg); } .pp-faq-item__answer { margin: 0; padding: 0 18px 16px; color: var(--pp-gray-600); font-size: 13px; line-height: 1.65; } @media (max-width: 1100px) { .pp-brand-hero { gap: 20px; } } @media (max-width: 900px) { .pp-brand-hero { flex-direction: column; padding: 22px; } .pp-brand-hero__report { position: static; align-self: flex-start; order: -1; } .pp-brand-rating__layout, .pp-expert-detail__body, .pp-card-grid, .pp-fit-grid { grid-template-columns: 1fr; } .pp-brand-rating__total { flex-direction: row; justify-content: flex-start; padding: 20px; text-align: left; border-right: 0; border-bottom: 1px solid var(--pp-gray-100); } .pp-expert-criteria { border-right: 0; border-bottom: 1px solid var(--pp-gray-100); } } @media (max-width: 680px) { .pp-brand-page { padding: 12px 16px 48px; } } @media (max-width: 560px) { .pp-brand-hero { gap: 18px; padding: 18px; } .pp-brand-meta { flex-direction: column; gap: 8px; } .pp-brand-meta__item:not(:last-child)::after { display: none; } .pp-rating-row, .pp-rating-summary { grid-template-columns: minmax(0, 1fr) 44px 22px 14px; gap: 8px; padding-right: 16px; padding-left: 16px; } .pp-rating-summary { padding-left: 13px; } .pp-help::after { right: auto; left: 50%; top: calc(100% + 8px); width: 210px; transform: translateX(-50%); } .pp-expert-detail { margin-right: 10px; margin-left: 10px; } .pp-expert-detail__head { flex-wrap: wrap; } .pp-criterion { grid-template-columns: 120px minmax(0, 1fr) 34px; } } @media (max-width: 380px) { .pp-brand-hero__title { font-size: 22px; } }

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