

/* 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_2845.css?178489406712848*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2845 */

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

body{margin:0;background:#f7f8f7}

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

.hr-w{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#1a1a1a;max-width:1000px;margin:0 auto;padding:36px 20px 56px;-webkit-font-smoothing:antialiased}
.hr-w *{box-sizing:border-box;margin:0;padding:0}
/* Header */
.hr-h1{font-size:30px;font-weight:800;color:#111;line-height:1.2;margin-bottom:8px;letter-spacing:-.3px}
.hr-sub{font-size:14.5px;color:#6b7280;margin-bottom:6px;line-height:1.5}
.hr-src{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:#999;margin-bottom:26px}
.hr-date-row{margin:14px 0 12px}.hr-date-badge{display:inline-flex;align-items:center;background:#E8F5E9;color:#1B5E20;border:1px solid #A5D6A7;border-radius:24px;padding:7px 16px;font-size:13.5px;font-weight:600;white-space:nowrap}
.hr-src-badge{display:inline-flex;align-items:center;gap:5px;background:#F5F5F5;border:1px solid #E0E0E0;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;color:#555}
/* Category filter */
.hr-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px}
.hr-cat{border-radius:12px;padding:12px 10px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;user-select:none;text-align:center}
.hr-cat:hover,.hr-cat.active{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.13)}
.hr-c1{background:#E8F5E9;border-color:#A5D6A7}.hr-c1.active{background:#C8E6C9;border-color:#1B5E20}
.hr-c2{background:#E3F2FD;border-color:#90CAF9}.hr-c2.active{background:#BBDEFB;border-color:#1565C0}
.hr-c3{background:#FFF9C4;border-color:#FFF176}.hr-c3.active{background:#FFF59D;border-color:#F9A825}
.hr-c4{background:#FFF3E0;border-color:#FFCC80}.hr-c4.active{background:#FFE0B2;border-color:#E65100}
.hr-c5{background:#FCE4EC;border-color:#F48FB1}.hr-c5.active{background:#F8BBD0;border-color:#880E4F}
.hr-all{grid-column:1/-1;background:#F5F5F5;border:1.5px solid #DDD;border-radius:10px;padding:9px;text-align:center;cursor:pointer;font-size:14px;font-weight:600;color:#555;transition:all .2s;user-select:none}
.hr-all:hover,.hr-all.active{background:#1B5E20;color:#fff;border-color:#1B5E20}
.hr-cat-icon{font-size:22px;margin-bottom:4px;line-height:1}
.hr-cat-name{font-size:12px;font-weight:700;line-height:1.3}
.hr-cat-range{font-size:10.5px;opacity:.7;margin-top:2px}
.hr-cat-cnt{font-size:10px;font-weight:600;opacity:.55;margin-top:3px}
.hr-c1 .hr-cat-name{color:#1B5E20}.hr-c2 .hr-cat-name{color:#0D47A1}
.hr-c3 .hr-cat-name{color:#F57F17}.hr-c4 .hr-cat-name{color:#E65100}.hr-c5 .hr-cat-name{color:#880E4F}
/* Search + info row */
.hr-search-box{position:relative;margin-bottom:14px}
.hr-search{width:100%;padding:11px 16px 11px 42px;border:1.5px solid #D0D7D2;border-radius:10px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:#111;font-family:inherit}
.hr-search:focus{border-color:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.1)}
.hr-search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}
.hr-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.hr-count{font-size:13.5px;color:#888}
.hr-mbtn{background:none;border:1.5px solid #A5D6A7;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;color:#2E7D32;cursor:pointer;font-family:inherit;transition:all .15s}
.hr-mbtn:hover{background:#E8F5E9}
/* Disclaimer banner */
.hr-banner{display:flex;gap:10px;background:#FFF9C4;border:1px solid #FFF176;border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:12.5px;color:#5D4037;line-height:1.5}
.hr-banner svg{flex-shrink:0;margin-top:1px;color:#F57F17}
/* Card */
.hr-card{background:#fff;border:1.5px solid #E8EDEA;border-radius:14px;margin-bottom:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.hr-card:hover{box-shadow:0 3px 12px rgba(0,0,0,.08)}
.hr-hc1{border-left:4px solid #2E7D32}.hr-hc2{border-left:4px solid #1565C0}
.hr-hc3{border-left:4px solid #F9A825}.hr-hc4{border-left:4px solid #E65100}.hr-hc5{border-left:4px solid #AD1457}
.hr-main{display:flex;align-items:center;gap:12px;padding:13px 18px 13px 14px}
/* Rank */
.hr-rank{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:800;color:#fff}
.hr-hc1 .hr-rank{background:linear-gradient(135deg,#1B5E20,#43A047)}
.hr-hc2 .hr-rank{background:linear-gradient(135deg,#0D47A1,#1976D2)}
.hr-hc3 .hr-rank{background:linear-gradient(135deg,#F57F17,#FFA000)}
.hr-hc4 .hr-rank{background:linear-gradient(135deg,#BF360C,#E64A19)}
.hr-hc5 .hr-rank{background:linear-gradient(135deg,#880E4F,#AD1457)}
/* Dog photo */
.hr-dog{width:56px;height:56px;border-radius:11px;background:#F2F7F4;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}
.hr-dog img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;transition:opacity .3s}
.hr-dog img.loading{opacity:0}.hr-dog img.loaded{opacity:1}
.hr-dog-sk{position:absolute;inset:0;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:hr-sk 1.4s ease infinite}
@keyframes hr-sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.hr-dog img.loaded~.hr-dog-sk{display:none}
/* Breed info */
.hr-binfo{flex:1;min-width:0}
.hr-blink{font-size:15.5px;font-weight:700;color:#111;display:block;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;margin-bottom:4px;text-transform:capitalize}
.hr-blink:hover{color:#2E7D32;text-decoration:underline}
.hr-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hr-cat-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap}
.hr-hc1 .hr-cat-badge{background:#E8F5E9;color:#1B5E20}.hr-hc2 .hr-cat-badge{background:#E3F2FD;color:#0D47A1}
.hr-hc3 .hr-cat-badge{background:#FFF9C4;color:#E65100}.hr-hc4 .hr-cat-badge{background:#FFF3E0;color:#BF360C}
.hr-hc5 .hr-cat-badge{background:#FCE4EC;color:#880E4F}
/* Metrics row */
.hr-metrics{display:flex;align-items:center;gap:0;flex-shrink:0}
.hr-metric{text-align:center;padding:0 14px;border-right:1px solid #EAEAEA;min-width:0}
.hr-metric:first-child{padding-left:0}
.hr-metric:last-child{border-right:none;padding-right:0}
.hr-metric-val{font-size:15px;font-weight:800;line-height:1;white-space:nowrap}
.hr-metric-lbl{font-size:10px;color:#aaa;margin-top:3px;white-space:nowrap}
/* Health score — big number */
.hr-score-block{text-align:center;min-width:76px;padding:0 0 0 14px;flex-shrink:0}
.hr-score-num{font-size:28px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.hr-score-denom{font-size:13px;font-weight:400;color:#bbb}
.hr-score-bar{width:60px;height:5px;background:#EAEAEA;border-radius:3px;margin:5px auto 0;overflow:hidden}
.hr-score-fill{height:100%;border-radius:3px;transition:width .6s ease}
.hr-hc1 .hr-score-num{color:#1B5E20}.hr-hc1 .hr-score-fill{background:#43A047}
.hr-hc2 .hr-score-num{color:#1565C0}.hr-hc2 .hr-score-fill{background:#1976D2}
.hr-hc3 .hr-score-num{color:#F57F17}.hr-hc3 .hr-score-fill{background:#FFA000}
.hr-hc4 .hr-score-num{color:#E65100}.hr-hc4 .hr-score-fill{background:#E64A19}
.hr-hc5 .hr-score-num{color:#AD1457}.hr-hc5 .hr-score-fill{background:#AD1457}
/* HD risk badge */
.hr-hd-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap}
.hd-1{background:#E8F5E9;color:#1B5E20}.hd-2{background:#FFF9C4;color:#E65100}
.hd-3{background:#FFF3E0;color:#BF360C}.hd-4{background:#FCE4EC;color:#880E4F}
/* Toggle */
.hr-toggle{background:none;border:none;cursor:pointer;color:#999;font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;padding:0;margin-top:5px;font-family:inherit;transition:color .15s}
.hr-toggle:hover{color:#2E7D32}

/* Expanded */
.hr-expanded{display:none;border-top:1px solid #F0F4F2;padding:12px 18px 14px 72px;background:#FAFBFA}
.hr-expanded.show{display:block}
.hr-exp-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:8px}
.hr-diseases{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.hr-dis-tag{font-size:12.5px;color:#444;background:#fff;border:1px solid #E0E0E0;border-radius:20px;padding:3px 11px;display:flex;align-items:center;gap:5px;line-height:1.3}
.hr-dis-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.hr-hc1 .hr-dis-dot{background:#43A047}.hr-hc2 .hr-dis-dot{background:#1976D2}
.hr-hc3 .hr-dis-dot{background:#FFA000}.hr-hc4 .hr-dis-dot{background:#E64A19}
.hr-hc5 .hr-dis-dot{background:#AD1457}
.hr-exp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hr-exp-stat{padding:8px 10px;background:#fff;border:1px solid #EEE;border-radius:8px;text-align:center}
.hr-exp-stat-val{font-size:14px;font-weight:800;color:#111}
.hr-exp-stat-lbl{font-size:10.5px;color:#999;margin-top:2px}
.hr-exp-disclaimer{font-size:11.5px;color:#aaa;margin-top:10px;font-style:italic;line-height:1.4}
/* Load more */
.hr-loadmore{text-align:center;margin-top:24px}
.hr-lmbtn{background:#1B5E20;color:#fff;border:none;border-radius:10px;padding:12px 36px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}
.hr-lmbtn:hover{background:#2E7D32}
.hr-empty{text-align:center;padding:48px 0;color:#bbb;font-size:16px}
/* Modal */
.hr-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.hr-overlay.on{display:flex}
.hr-modal{background:#fff;border-radius:18px;padding:32px 36px;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.hr-mclose{position:absolute;top:14px;right:14px;background:#F5F5F5;border:none;border-radius:8px;width:auto;height:auto;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#555;font-family:inherit;transition:background .2s}
.hr-mclose:hover{background:#E0E0E0}
.hr-mt{font-size:22px;font-weight:800;color:#111;margin-bottom:6px}
.hr-ms{font-size:14px;color:#666;line-height:1.6;margin-bottom:18px}
.hr-msect{font-size:11.5px;font-weight:700;color:#1B5E20;text-transform:uppercase;letter-spacing:.8px;margin:18px 0 10px}
.hr-sources{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.hr-source{background:#F8FAF9;border-radius:10px;padding:12px 13px;border-left:3px solid #A5D6A7}
.hr-source-name{font-size:13.5px;font-weight:700;color:#111;margin-bottom:3px}
.hr-source-desc{font-size:12px;color:#666;line-height:1.4}
.hr-formula{background:#F1FBF5;border:1.5px solid #A5D6A7;border-radius:10px;padding:14px 16px;margin:8px 0 4px}
.hr-formula-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid #E8F5E9}
.hr-formula-row:last-child{border-bottom:none}
.hr-formula-pct{font-size:15px;font-weight:800;color:#1B5E20;min-width:36px}
.hr-formula-text{font-size:13px;color:#444}
.hr-cats-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:4px}
.hr-cats-table th{text-align:left;padding:8px 10px;background:#F5F5F5;font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px}
.hr-cats-table td{padding:9px 10px;border-bottom:1px solid #F0F0F0;vertical-align:middle}
.hr-cats-table tr:last-child td{border-bottom:none}
.hr-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle;flex-shrink:0}
.hr-warn{background:#FFF9C4;border:1.5px solid #FFF176;border-radius:10px;padding:12px 14px;font-size:12.5px;color:#5D4037;line-height:1.55;margin-top:16px}
/* Responsive */
@media(max-width:760px){
  .hr-cats{grid-template-columns:repeat(3,1fr)}
  .hr-main{gap:9px;padding:11px 13px 11px 11px}
  .hr-blink{font-size:14px}
  .hr-metric{padding:0 9px;font-size:13px}
  .hr-score-block{min-width:62px}
  .hr-score-num{font-size:23px}
  .hr-dog{width:48px;height:48px}
  .hr-rank{width:32px;height:32px;font-size:12px}
  .hr-expanded{padding:12px 13px 14px}
  .hr-exp-stats{grid-template-columns:repeat(3,1fr)}
  .hr-sources{grid-template-columns:1fr}
  .hr-modal{padding:22px 18px}
  .hr-h1{font-size:22px}
}
@media(max-width:520px){
  .hr-cats{grid-template-columns:repeat(2,1fr)}
  .hr-all{grid-column:1/-1}
  .hr-metrics{display:none}
  .hr-score-block{padding-left:0}
  .hr-exp-stats{grid-template-columns:1fr 1fr}
}

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