

/* 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_2847.css?178489510012745*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2847 */

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

body{margin:0;background:#f7f8f7}

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

.co-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}
.co-w *{box-sizing:border-box;margin:0;padding:0}
.co-h1{font-size:30px;font-weight:800;color:#111;line-height:1.2;margin-bottom:8px;letter-spacing:-.3px}
.co-sub{font-size:14.5px;color:#6b7280;margin-bottom:8px;line-height:1.5}
.co-date-row{margin:14px 0 20px}.co-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}
/* Sources strip */
.co-src{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px}
.co-src-b{display:inline-flex;align-items:center;gap:5px;background:#F5F5F5;border:1px solid #E0E0E0;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600;color:#555}
/* Cost breakdown strip */
.co-legend{display:flex;gap:0;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;margin-bottom:26px;background:#fff}
.co-leg-item{flex:1;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid #E0E0E0;text-align:center}
.co-leg-item:last-child{border-right:none}
.co-leg-ico{font-size:20px;line-height:1}
.co-leg-name{font-size:12px;font-weight:700;color:#111}
.co-leg-desc{font-size:10px;color:#999}
/* Category filter */
.co-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}
.co-cat{border-radius:12px;padding:11px 8px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;user-select:none;text-align:center}
.co-cat:hover,.co-cat.active{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.13)}
.co-c1{background:#E8F5E9;border-color:#A5D6A7}.co-c1.active{background:#C8E6C9;border-color:#1B5E20}
.co-c2{background:#E3F2FD;border-color:#90CAF9}.co-c2.active{background:#BBDEFB;border-color:#0D47A1}
.co-c3{background:#FFF9C4;border-color:#FFF176}.co-c3.active{background:#FFF59D;border-color:#F9A825}
.co-c4{background:#FFF3E0;border-color:#FFCC80}.co-c4.active{background:#FFE0B2;border-color:#E65100}
.co-c5{background:#FCE4EC;border-color:#F48FB1}.co-c5.active{background:#F8BBD0;border-color:#B71C1C}
.co-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}
.co-all:hover,.co-all.active{background:#1B5E20;color:#fff;border-color:#1B5E20}
.co-cat-ico{font-size:20px;margin-bottom:3px}
.co-cat-name{font-size:11.5px;font-weight:700;line-height:1.2}
.co-cat-range{font-size:10px;opacity:.7;margin-top:2px}
.co-cat-cnt{font-size:10px;font-weight:600;opacity:.55;margin-top:2px}
.co-c1 .co-cat-name{color:#1B5E20}.co-c2 .co-cat-name{color:#0D47A1}
.co-c3 .co-cat-name{color:#E65100}.co-c4 .co-cat-name{color:#BF360C}.co-c5 .co-cat-name{color:#B71C1C}
/* Search */
.co-sb{position:relative;margin-bottom:14px}
.co-si{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}
.co-search{width:100%;padding:11px 16px;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}
.co-search:focus{border-color:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.1)}
.co-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.co-count{font-size:13.5px;color:#888}
.co-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}
.co-mbtn:hover{background:#E8F5E9}
/* Card */
.co-card{background:#fff;border:1.5px solid #E8EDEA;border-radius:14px;margin-bottom:8px;overflow:hidden;transition:box-shadow .2s}
.co-card:hover{box-shadow:0 3px 12px rgba(0,0,0,.09)}
.co-hc1{border-left:4px solid #2E7D32}.co-hc2{border-left:4px solid #1565C0}
.co-hc3{border-left:4px solid #F9A825}.co-hc4{border-left:4px solid #E65100}.co-hc5{border-left:4px solid #B71C1C}
.co-main{display:flex;align-items:center;gap:12px;padding:13px 18px 13px 14px}
/* Rank */
.co-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}
.co-hc1 .co-rank{background:linear-gradient(135deg,#1B5E20,#43A047)}
.co-hc2 .co-rank{background:linear-gradient(135deg,#0D47A1,#1976D2)}
.co-hc3 .co-rank{background:linear-gradient(135deg,#E65100,#FFA000)}
.co-hc4 .co-rank{background:linear-gradient(135deg,#BF360C,#E64A19)}
.co-hc5 .co-rank{background:linear-gradient(135deg,#880E4F,#B71C1C)}
/* Dog photo */
.co-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}
.co-dog img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;transition:opacity .3s}
.co-dog img.loading{opacity:0}.co-dog img.loaded{opacity:1}
.co-dog-sk{position:absolute;inset:0;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:co-sk 1.4s ease infinite}
@keyframes co-sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.co-dog img.loaded~.co-dog-sk{display:none}
/* Breed info */
.co-binfo{flex:1;min-width:0}
.co-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}
.co-blink:hover{color:#2E7D32;text-decoration:underline}
.co-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:5px}
.co-cat-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.co-hc1 .co-cat-badge{background:#E8F5E9;color:#1B5E20}.co-hc2 .co-cat-badge{background:#E3F2FD;color:#0D47A1}
.co-hc3 .co-cat-badge{background:#FFF9C4;color:#E65100}.co-hc4 .co-cat-badge{background:#FFF3E0;color:#BF360C}
.co-hc5 .co-cat-badge{background:#FCE4EC;color:#B71C1C}
.co-puppy-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;background:#F5F5F5;color:#555}
/* Mini cost pills */
.co-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}
.co-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;background:#F8F8F8;border-radius:8px;padding:2px 7px;white-space:nowrap;color:#444}
.co-pill-ico{font-size:12px;line-height:1}
/* Toggle */
.co-toggle{background:none;border:none;cursor:pointer;color:#aaa;font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;padding:0;font-family:inherit;transition:color .15s;margin-top:4px}
.co-toggle:hover{color:#2E7D32}
.co-toggle svg{transition:transform .3s}
.co-toggle.open svg{transform:rotate(180deg)}
/* Main cost block */
.co-cost-blk{text-align:right;flex-shrink:0;min-width:120px}
.co-mon-val{font-size:20px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.co-mon-lbl{font-size:10px;color:#aaa;margin-top:2px}
.co-ann-val{font-size:13px;font-weight:700;margin-top:5px;font-variant-numeric:tabular-nums}
.co-ann-lbl{font-size:10px;color:#aaa}
.co-hc1 .co-mon-val{color:#1B5E20}.co-hc2 .co-mon-val{color:#1565C0}
.co-hc3 .co-mon-val{color:#E65100}.co-hc4 .co-mon-val{color:#BF360C}.co-hc5 .co-mon-val{color:#B71C1C}
/* Expanded */
.co-exp{display:none;border-top:1px solid #F0F4F2;padding:12px 18px 16px 72px;background:#FAFBFA}
.co-exp.show{display:block}
/* Cost breakdown bars */
.co-breakdown{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.co-br-row{display:flex;align-items:center;gap:10px}
.co-br-label{font-size:12.5px;color:#555;width:130px;flex-shrink:0;display:flex;align-items:center;gap:6px}
.co-br-bar{flex:1;height:7px;background:#EAEAEA;border-radius:4px;overflow:hidden}
.co-br-fill{height:100%;border-radius:4px;transition:width .6s ease}
.co-hc1 .co-br-fill{background:#43A047}.co-hc2 .co-br-fill{background:#1976D2}
.co-hc3 .co-br-fill{background:#FFA000}.co-hc4 .co-br-fill{background:#E64A19}.co-hc5 .co-br-fill{background:#B71C1C}
.co-br-val{font-size:12.5px;font-weight:700;color:#333;min-width:80px;text-align:right;white-space:nowrap}
/* Year 1 highlight */
.co-year1-box{background:#fff;border:1.5px solid #E0E0E0;border-radius:10px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.co-year1-left .co-y1-title{font-size:13px;font-weight:700;color:#111}
.co-year1-left .co-y1-sub{font-size:11.5px;color:#888;margin-top:2px}
.co-y1-val{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
.co-hc1 .co-y1-val{color:#1B5E20}.co-hc2 .co-y1-val{color:#1565C0}
.co-hc3 .co-y1-val{color:#E65100}.co-hc4 .co-y1-val{color:#BF360C}.co-hc5 .co-y1-val{color:#B71C1C}
.co-exp-note{font-size:11.5px;color:#aaa;font-style:italic;line-height:1.4}
/* Load more */
.co-lm{text-align:center;margin-top:24px}
.co-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}
.co-lmbtn:hover{background:#2E7D32}
.co-empty{text-align:center;padding:48px 0;color:#bbb;font-size:16px}
/* Modal */
.co-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)}
.co-overlay.on{display:flex}
.co-modal{background:#fff;border-radius:18px;padding:32px 36px;max-width:660px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.co-mc{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}
.co-mc:hover{background:#E0E0E0}
.co-mt{font-size:22px;font-weight:800;color:#111;margin-bottom:6px}
.co-ms{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}
.co-msect{font-size:11.5px;font-weight:700;color:#1B5E20;text-transform:uppercase;letter-spacing:.8px;margin:16px 0 10px}
.co-sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.co-source{background:#F8FAF9;border-radius:10px;padding:11px 13px;border-left:3px solid #A5D6A7}
.co-source-name{font-size:13px;font-weight:700;color:#111;margin-bottom:3px}
.co-source-desc{font-size:12px;color:#666;line-height:1.4}
.co-comps{display:flex;flex-direction:column;gap:8px}
.co-comp{display:flex;gap:10px;align-items:center;padding:9px 12px;background:#F8F8F8;border-radius:8px}
.co-comp-ico{font-size:18px;flex-shrink:0}
.co-comp-name{font-size:13px;font-weight:700;color:#111}
.co-comp-desc{font-size:12px;color:#666;margin-top:1px}
.co-comp-pct{font-size:12px;font-weight:700;color:#2E7D32;margin-left:auto;flex-shrink:0}
.co-cats-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}
.co-cats-table th{text-align:left;padding:8px 10px;background:#F5F5F5;font-size:11.5px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px}
.co-cats-table td{padding:9px 10px;border-bottom:1px solid #F0F0F0}
.co-cats-table tr:last-child td{border-bottom:none}
.co-dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}
.co-warn{background:#FFF9C4;border:1.5px solid #FFF176;border-radius:10px;padding:12px 14px;font-size:12.5px;color:#5D4037;line-height:1.5;margin-top:14px}
/* Responsive */
@media(max-width:760px){
  .co-cats{grid-template-columns:repeat(3,1fr)}
  .co-all{grid-column:1/-1}
  .co-legend{flex-wrap:wrap}
  .co-leg-item{min-width:30%;border-bottom:1px solid #E0E0E0}
  .co-main{gap:9px;padding:11px 12px 11px 11px}
  .co-blink{font-size:14px}
  .co-mon-val{font-size:16px}
  .co-cost-blk{min-width:90px}
  .co-dog{width:48px;height:48px}
  .co-rank{width:32px;height:32px;font-size:12px}
  .co-exp{padding:12px 13px 14px}
  .co-br-label{width:100px;font-size:11.5px}
  .co-modal{padding:22px 18px}
  .co-sources-grid{grid-template-columns:1fr}
  .co-h1{font-size:22px}
}
@media(max-width:480px){
  .co-cats{grid-template-columns:repeat(2,1fr)}
  .co-pills{display:none}
  .co-ann-val,.co-ann-lbl{display:none}
}

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