/* 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_4506.css?179195514010131*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=4506 */

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

:root{
      --g:#16865c;
      --gd:#0d6846;
      --gs:#eef8f3;
      --b:#112b68;
      --bs:#eef3fb;
      --o:#b76700;
      --os:#fff7eb;
      --r:#a92722;
      --rs:#fff1ef;
      --ink:#202720;
      --text:#3f4b43;
      --muted:#68756d;
      --border:#dbe5de;
      --soft:#f7faf8;
      --white:#fff
    }

    *{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      background:#fff;
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      color:var(--ink);
      -webkit-font-smoothing:antialiased
    }

    :focus-visible{
      outline:3px solid var(--o);
      outline-offset:2px;
      border-radius:4px
    }

    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
    }

    a{
      color:var(--gd);
      text-underline-offset:3px
    }

    a:hover{text-decoration-thickness:2px}

    .skip-link{
      position:absolute;
      left:-9999px;
      top:8px;
      background:#fff;
      padding:10px;
      z-index:99
    }

    .skip-link:focus{left:8px}

    .wrap{
      max-width:780px;
      margin:0 auto;
      padding:28px 20px 72px;
      font-size:17px;
      line-height:1.7
    }

    article{display:block}

    h1{
      font-size:36px;
      line-height:1.18;
      color:var(--b);
      margin:0 0 18px;
      font-weight:700;
      letter-spacing:-.02em
    }

    h2{
      font-size:27px;
      line-height:1.28;
      color:var(--b);
      margin:48px 0 18px;
      padding-bottom:10px;
      border-bottom:2px solid var(--g);
      scroll-margin-top:24px
    }

    h3{
      font-size:21px;
      line-height:1.35;
      color:var(--b);
      margin:30px 0 12px
    }

    p{
      color:var(--text);
      margin:0 0 17px
    }

    ul,ol{color:var(--text)}

    li+li{margin-top:7px}

    .lead{
      background:var(--soft);
      border:1px solid var(--border);
      padding:21px 23px;
      border-radius:12px;
      margin:20px 0 25px;
      font-size:18px
    }

    .verdict{
      background:linear-gradient(135deg,var(--gd),var(--g));
      color:white;
      padding:27px;
      border-radius:14px;
      margin:24px 0 28px
    }

    .verdict h2{
      color:white;
      border:0;
      padding:0;
      margin:0 0 12px;
      font-size:26px
    }

    .verdict p,
    .verdict strong{color:white}

    .vlabel{
      font-size:12px;
      letter-spacing:.1em;
      text-transform:uppercase;
      opacity:.82;
      font-weight:700;
      margin-bottom:7px
    }

    .quick-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin:20px 0 30px
    }

    .quick-card{
      border:1px solid var(--border);
      border-radius:12px;
      padding:17px;
      background:#fff
    }

    .quick-card strong{
      display:block;
      color:var(--b);
      margin-bottom:5px
    }

    .quick-card span{
      display:block;
      color:var(--text);
      font-size:15px;
      line-height:1.5
    }

    .toc{
      background:var(--soft);
      border:1px solid var(--border);
      border-radius:12px;
      padding:20px 23px;
      margin:26px 0 34px
    }

    .toc-title{
      font-weight:700;
      color:var(--b);
      margin-bottom:10px
    }

    .toc ol{
      margin:0;
      padding-left:23px;
      columns:2;
      column-gap:38px
    }

    .toc li{
      break-inside:avoid;
      margin:0 0 7px
    }

    .section-anchor{scroll-margin-top:110px}

    .callout{
      padding:17px 19px;
      margin:22px 0;
      border-radius:0 10px 10px 0
    }

    .info{
      background:var(--bs);
      border-left:4px solid var(--b)
    }

    .warn{
      background:var(--os);
      border-left:4px solid var(--o)
    }

    .alert{
      background:var(--rs);
      border-left:4px solid var(--r)
    }

    .emergency{
      background:var(--rs);
      border:2px solid var(--r);
      border-radius:12px;
      padding:21px 23px;
      margin:24px 0
    }

    .emergency-title{
      font-size:20px;
      color:var(--r);
      font-weight:700;
      margin:0 0 9px
    }

    .emergency ul{margin:0 0 14px}

    .table-wrap{
      overflow-x:auto;
      border:1px solid var(--border);
      border-radius:12px;
      margin:19px 0 29px;
      -webkit-overflow-scrolling:touch
    }

    table{
      width:100%;
      border-collapse:collapse;
      font-size:15px
    }

    caption{
      text-align:left;
      padding:13px 15px;
      background:var(--soft);
      font-weight:700;
      color:var(--b)
    }

    th{
      background:var(--gd);
      color:#fff;
      padding:12px 14px;
      text-align:left
    }

    td{
      padding:12px 14px;
      border-bottom:1px solid var(--border);
      color:var(--text);
      vertical-align:top
    }

    tr:last-child td{border-bottom:0}

    tr:nth-child(even) td{background:#fafcfb}

    td:first-child{
      font-weight:700;
      color:var(--ink)
    }

    .steps{
      counter-reset:step;
      margin:19px 0;
      padding:0;
      list-style:none
    }

    .steps li{
      display:flex;
      gap:13px;
      margin:13px 0;
      align-items:flex-start;
      color:var(--text)
    }

    .steps li::before{
      counter-increment:step;
      content:counter(step);
      flex:0 0 32px;
      height:32px;
      border-radius:50%;
      background:var(--g);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:700
    }

    .quote{
      margin:24px 0;
      padding:20px 22px;
      border:1px solid var(--border);
      border-radius:12px;
      background:var(--soft)
    }

    .quote p{
      font-size:18px;
      color:var(--b);
      margin-bottom:10px
    }

    .quote footer{
      font-size:14px;
      color:var(--muted)
    }

    .faq details{
      border:1px solid var(--border);
      border-radius:10px;
      margin-bottom:10px;
      overflow:hidden;
      background:#fff
    }

    .faq summary{
      padding:15px 18px;
      background:var(--soft);
      color:var(--b);
      font-weight:700;
      cursor:pointer;
      list-style-position:inside
    }

    .faq .ans{
      padding:15px 18px;
      color:var(--text)
    }

    sup.source-ref{
      font-size:.7em;
      line-height:0;
      margin-left:1px
    }

    sup.source-ref a{
      color:var(--gd);
      text-decoration:none;
      font-weight:700;
      padding:1px
    }

    sup.source-ref a::before{content:"["}
    sup.source-ref a::after{content:"]"}

    .references{
      font-size:14px;
      color:var(--text);
      margin-top:12px
    }

    .reference-list{
      margin:0;
      padding-left:25px;
      line-height:1.65
    }

    .reference-list li{
      padding-left:4px;
      margin:0 0 16px;
      scroll-margin-top:24px
    }

    .reference-list a{overflow-wrap:anywhere}

    .reference-list li:target{
      background:var(--gs);
      outline:6px solid var(--gs)
    }

    .review-policy{
      background:var(--soft);
      border:1px solid var(--border);
      border-radius:12px;
      padding:18px 20px;
      margin-top:28px;
      font-size:14px
    }

    .key-facts{
      border:1px solid var(--border);
      border-left:4px solid var(--g);
      border-radius:0 12px 12px 0;
      padding:18px 22px;
      margin:22px 0 30px
    }

    .key-facts h2{
      border:0;
      margin:0 0 10px;
      padding:0;
      font-size:20px
    }

    .key-facts ul{
      margin:0;
      padding-left:20px
    }

    .key-facts li{margin:0 0 6px}

    .disclaimer{
      font-size:13px;
      color:var(--muted);
      font-style:italic;
      border-top:1px solid var(--border);
      padding-top:18px;
      margin-top:30px
    }

    @media(max-width:760px){

      .wrap{
        font-size:16px;
        padding:20px 15px 54px
      }

      h1{font-size:30px}

      h2{
        font-size:23px;
        margin-top:39px
      }

      h3{font-size:19px}

      .quick-grid{grid-template-columns:1fr}

      .toc ol{columns:1}

      .lead{font-size:17px}

      .verdict,
      .lead,
      .emergency{padding:19px}

      .table-wrap{
        border:0;
        border-radius:0
      }

      .responsive-table table,
      .responsive-table tbody,
      .responsive-table tr,
      .responsive-table td{
        display:block;
        width:100%
      }

      .responsive-table thead{
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip:rect(0 0 0 0)
      }

      .responsive-table tr{
        border:1px solid var(--border);
        border-radius:10px;
        margin-bottom:12px;
        overflow:hidden
      }

      .responsive-table td{
        border-bottom:1px solid var(--border);
        padding:10px 13px
      }

      .responsive-table td::before{
        content:attr(data-label);
        display:block;
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:.04em;
        color:var(--muted);
        font-weight:700;
        margin-bottom:3px
      }

    }

    @media print{

      .skip-link,
      .toc,
      .faq details:not([open]) .ans{
        display:none
      }

      .verdict{
        background:none;
        color:var(--ink);
        border:2px solid var(--gd)
      }

      .verdict h2,
      .verdict p,
      .verdict strong{
        color:var(--ink)
      }

      a{
        color:inherit;
        text-decoration:none
      }

      .faq details{page-break-inside:avoid}

      .reference-list a::after{content:""}

    }

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