/* 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_4518.css?179250110310950*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=4518 */

/* ===== 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;
    }

    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: #fff;
      padding: 27px;
      border-radius: 14px;
      margin: 24px 0 28px;
    }

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

    .verdict p,
    .verdict strong {
      color: #fff;
    }

    .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 {
      min-width: 0;
      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;
    }

    .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: "]";
    }

    .verdict sup.source-ref a {
      color: #fff;
    }

    .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;
    }

    .review-policy p:last-child,
    .lead p:last-child,
    .verdict p:last-child {
      margin-bottom: 0;
    }

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

    @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,
      .verdict sup.source-ref a {
        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_4518.css?179250110310950 */