/* 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_2855.css?178954367312611*/
/* Auto extracted. IBLOCK_ID=2, ELEMENT_ID=2855 */

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

/* ============================================================
   Стили обзора «Как выбрать щенка алабая» — ProPet
   Положить в /local/templates/<ваш_шаблон>/css/alabai-guide.css
   и подключить в header.php шаблона:
   \Bitrix\Main\Page\Asset::getInstance()->addCss(SITE_TEMPLATE_PATH.'/css/alabai-guide.css');
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&family=Onest:wght@300;400;500;600&family=JetBrains+Mono:wght@500;700&display=swap');

.ala-guide{
  /* ---- фирменная палитра ---- */
  --green:#91C244;        /* основной зелёный логотипа */
  --green-dk:#5F8C24;     /* тёмный зелёный для текста и заливок */
  --green-md:#7FAF36;
  --green-lt:#DCEBBF;
  --green-bg:#F5F9EE;
  --grey:#7D7A7A;         /* фирменный серый логотипа */
  --ink:#3D3B3B;
  --ink-2:#5C5959;
  --ink-3:#918E8E;
  --line:#E5E5E1;
  --paper:#FFFFFF;
  --paper-2:#F7F7F5;
  --brick:#C0503F;        /* только для стоп-сигналов, минимально */

  --r:16px;
  --maxw:880px;

  font-family:'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 0 48px;
  box-sizing:border-box;
}
.ala-guide *,.ala-guide *::before,.ala-guide *::after{box-sizing:border-box;}
.ala-guide p{margin:0 0 1.15em;}
.ala-guide a{color:var(--green-dk);text-underline-offset:3px;}
.ala-guide a:hover{color:var(--green-md);}
.ala-guide a:focus-visible,.ala-guide summary:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px;}
.ala-guide img{max-width:100%;height:auto;display:block;border-radius:var(--r);}

/* ---------- фирменная лента: шеврон в зелёных тонах ---------- */
.ala-band{
  height:10px;border-radius:10px;
  background:repeating-linear-gradient(115deg,
     var(--green) 0 10px, var(--green-lt) 10px 20px);
}
.ala-band--thin{height:6px;margin:36px 0;opacity:.9;}

/* ---------- шапка ---------- */
.ala-hero{
  /* защита от «липких» правил шаблона сайта */
  position:static;top:auto;left:auto;right:auto;bottom:auto;z-index:auto;
  float:none;width:auto;transform:none;box-shadow:none;

  background:linear-gradient(180deg,var(--green-bg) 0%,#FFFFFF 100%);
  border:1px solid var(--line);
  border-radius:var(--r);
  overflow:hidden;
  margin:0 0 30px;
}
.ala-hero__in{padding:30px 30px 26px;}
.ala-hero__eyebrow{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--green-dk);margin:0 0 14px;
}
.ala-guide h1{
  font-family:'Nunito',Arial,sans-serif;font-weight:800;
  font-size:clamp(28px,5vw,44px);line-height:1.13;letter-spacing:-.015em;
  margin:0 0 16px;color:var(--ink);
}
.ala-guide h1 em{font-style:normal;color:var(--green-dk);}
.ala-hero__lead{color:var(--ink-2);font-size:18px;margin:0;max-width:62ch;}
.ala-facts{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  background:#fff;border-top:1px solid var(--line);margin:0;
}
.ala-facts div{
  background:#fff;padding:15px 18px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  margin:0 -1px -1px 0; /* лишние рамки по краям срезает overflow:hidden у .ala-hero */
}
.ala-facts dt{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 5px;
}
.ala-facts dd{margin:0;font-weight:600;font-size:16px;color:var(--ink);}
.ala-facts dd b{color:var(--green-dk);font-weight:700;}

/* ---------- заголовки ---------- */
.ala-guide h2{
  font-family:'Nunito',Arial,sans-serif;font-weight:800;
  font-size:clamp(23px,3.4vw,31px);line-height:1.2;
  margin:46px 0 16px;padding-top:8px;letter-spacing:-.01em;color:var(--ink);
}
.ala-guide h2 .ala-num{
  display:block;font-family:'JetBrains Mono',monospace;font-weight:700;
  font-size:12px;letter-spacing:.2em;color:var(--green-dk);margin-bottom:8px;
}
.ala-guide h3{font-family:'Nunito',Arial,sans-serif;font-weight:700;font-size:20px;margin:28px 0 10px;}
.ala-guide h4{font-family:'Nunito',Arial,sans-serif;font-weight:700;font-size:17px;margin:20px 0 8px;}

/* ---------- оглавление ---------- */
.ala-toc{position:static;float:none;width:auto;background:var(--green-bg);border:1px solid var(--green-lt);border-radius:var(--r);padding:22px 26px;margin:0 0 10px;}
.ala-toc__t{
  font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--green-dk);margin:0 0 12px;
}
.ala-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;columns:2;column-gap:30px;}
.ala-toc li{counter-increment:toc;break-inside:avoid;margin:0 0 7px;padding-left:30px;position:relative;font-size:15.5px;}
.ala-toc li::before{
  content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:2px;
  font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green);font-weight:700;
}
.ala-toc a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--green-lt);}
.ala-toc a:hover{color:var(--green-dk);border-color:var(--green);}
@media(max-width:640px){.ala-toc ol{columns:1;}}

/* ---------- карточки ---------- */
.ala-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0;}
.ala-card{background:var(--paper-2);border-radius:var(--r);padding:20px 22px;border:1px solid var(--line);}
.ala-card h4{margin-top:0;color:var(--ink);}
.ala-card p:last-child{margin-bottom:0;}
.ala-card--green{background:var(--green-bg);border-color:var(--green-lt);}

/* ---------- плюсы / минусы ---------- */
.ala-pm{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;}
@media(max-width:640px){.ala-pm{grid-template-columns:1fr;}}
.ala-pm .plus,.ala-pm .minus{border-radius:var(--r);padding:20px 22px;border:1px solid var(--line);}
.ala-pm .plus{background:var(--green-bg);border-color:var(--green-lt);border-left:4px solid var(--green);}
.ala-pm .minus{background:var(--paper-2);border-left:4px solid var(--grey);}
.ala-pm h3{margin:0 0 10px;font-size:18px;}
.ala-pm .plus h3{color:var(--green-dk);}
.ala-pm .minus h3{color:var(--grey);}
.ala-pm ul{margin:0;padding-left:20px;}
.ala-pm li{margin-bottom:7px;}
.ala-pm .plus li::marker{color:var(--green);}
.ala-pm .minus li::marker{color:var(--grey);}

/* ---------- чек-листы ---------- */
.ala-check{list-style:none;margin:16px 0;padding:0;}
.ala-check li{position:relative;padding-left:34px;margin-bottom:10px;}
.ala-check li::before{content:"";position:absolute;left:0;top:6px;width:19px;height:19px;border-radius:6px;background:var(--green);}
.ala-check li::after{content:"";position:absolute;left:5.5px;top:11.5px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
.ala-check--stop li::before{background:var(--brick);}
.ala-check--stop li::after{
  left:6px;top:11.5px;width:7px;height:7px;border:0;transform:rotate(45deg);
  background:linear-gradient(#fff,#fff) center/100% 2px no-repeat,
             linear-gradient(#fff,#fff) center/2px 100% no-repeat;
}

/* ---------- таблицы ---------- */
.ala-tw{overflow-x:auto;margin:20px 0;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r);}
.ala-guide table{border-collapse:collapse;width:100%;min-width:520px;font-size:15.5px;background:#fff;}
.ala-guide th{
  background:var(--green-dk);color:#fff;text-align:left;padding:13px 16px;
  font-family:'Nunito',sans-serif;font-weight:700;font-size:14.5px;
}
.ala-guide td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top;color:var(--ink-2);}
.ala-guide td strong{font-weight:600;color:var(--ink);}
.ala-guide tbody tr:nth-child(even) td{background:var(--green-bg);}
.ala-num-cell{font-family:'JetBrains Mono',monospace;white-space:nowrap;color:var(--ink);}

/* ---------- карта осмотра (фирменный блок) ---------- */
.ala-map{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:22px 0;background:#fff;}
.ala-map__head{background:var(--green-bg);padding:16px 22px;border-bottom:1px solid var(--green-lt);}
.ala-map__head b{font-family:'Nunito',sans-serif;font-weight:800;font-size:18px;color:var(--green-dk);}
.ala-map__head span{display:block;color:var(--ink-2);font-size:14.5px;margin-top:3px;}
.ala-point{display:grid;grid-template-columns:62px 1fr;border-top:1px solid var(--line);}
.ala-point:first-of-type{border-top:0;}
.ala-point__n{
  background:var(--green);color:#fff;
  font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;
  display:flex;align-items:flex-start;justify-content:center;padding:18px 0;
}
.ala-point__b{padding:16px 22px;}
.ala-point__b b{display:block;font-family:'Nunito',sans-serif;font-weight:700;font-size:16.5px;margin-bottom:4px;color:var(--ink);}
.ala-point__b p{margin:0 0 8px;}
.ala-point__b p:last-child{margin-bottom:0;}
.ala-flag{display:inline-block;background:rgba(192,80,63,.08);color:#8E3A2D;border-radius:8px;padding:6px 10px;font-size:14.5px;line-height:1.45;}
.ala-flag b{display:inline;font-size:14.5px;color:var(--brick);}
@media(max-width:520px){
  .ala-point{grid-template-columns:1fr;}
  .ala-point__n{justify-content:flex-start;padding:12px 22px 0;background:transparent;color:var(--green-dk);}
}

/* ---------- выноски ---------- */
.ala-note,.ala-warn{border-radius:var(--r);padding:18px 22px;margin:22px 0;border:1px solid var(--line);}
.ala-note{background:var(--green-bg);border-color:var(--green-lt);border-left:4px solid var(--green);}
.ala-warn{background:#FBF3F1;border-color:#F0DED9;border-left:4px solid var(--brick);}
.ala-note b,.ala-warn b{display:block;margin-bottom:5px;font-family:'Nunito',sans-serif;font-weight:800;}
.ala-note b{color:var(--green-dk);}
.ala-warn b{color:var(--brick);}
.ala-note p:last-child,.ala-warn p:last-child{margin-bottom:0;}

/* ---------- цитата ---------- */
.ala-quote{
  border-top:3px solid var(--green);border-bottom:3px solid var(--green);
  padding:20px 0;margin:26px 0;font-family:'Nunito',sans-serif;font-weight:600;
  font-size:19px;line-height:1.5;color:var(--ink);
}
.ala-quote cite{display:block;font-family:'Onest',sans-serif;font-weight:400;font-style:normal;font-size:14px;color:var(--ink-3);margin-top:10px;}

/* ---------- подпись под иллюстрацией ---------- */
.ala-cap{font-size:14px;color:var(--ink-3);margin:-12px 0 22px;}

/* ---------- FAQ ---------- */
.ala-faq{border-top:1px solid var(--line);margin:20px 0 0;}
.ala-faq details{border-bottom:1px solid var(--line);}
.ala-faq summary{cursor:pointer;list-style:none;padding:16px 44px 16px 0;position:relative;font-family:'Nunito',sans-serif;font-weight:700;font-size:17px;color:var(--ink);}
.ala-faq summary::-webkit-details-marker{display:none;}
.ala-faq summary:hover{color:var(--green-dk);}
.ala-faq summary::after{
  content:"+";position:absolute;right:6px;top:11px;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  background:var(--green);color:#fff;border-radius:8px;
  font-family:'JetBrains Mono',monospace;font-size:17px;line-height:1;
}
.ala-faq details[open] summary::after{content:"–";background:var(--grey);}
.ala-faq details > *:not(summary){margin-bottom:16px;color:var(--ink-2);}

/* ---------- итоговый блок ---------- */
.ala-final{background:var(--green-bg);border:1px solid var(--green-lt);border-radius:var(--r);padding:30px;margin:40px 0 0;}
.ala-final h2{margin:14px 0 6px;color:var(--ink);}
.ala-final .ala-num{color:var(--green-dk);}

@media(max-width:640px){
  .ala-guide{font-size:16px;}
  .ala-hero__in{padding:24px 20px 22px;}
  .ala-card,.ala-toc,.ala-final{padding:18px;}
  .ala-point__b{padding:14px 18px 16px;}
}
@media (prefers-reduced-motion:reduce){.ala-guide *{transition:none!important;animation:none!important;}}

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