/* Start:/local/templates/svetilniki/components/bitrix/news.detail/articles/style.css?179256468719258*/
#pagetitle {
	display: none;
}
.bx-newsdetail {}
.bx-newsdetail-block {
	padding: 0 14px;
	margin-bottom: 40px;
}
@media (min-width: 992px) {
	.bx-newsdetail .bx-newsdetail-container:nth-child(3n+1) {
		clear: both;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.bx-newsdetail .bx-newsdetail-container:nth-child(2n+1) {
		clear: both;
	}
}


.bx-newsdetail-content ul {
	padding-left: 20px;
}

/* POST FORMATS */
.bx-newsdetail-img,
.bx-newsdetail-audio,
.bx-newsdetail-youtube,
.bx-newsdetail-slider {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}
.bx-newsdetail-slider img,
.bx-newsdetail-img img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.bx-newsdetail-content img {
    margin: 0 10px 10px 0;
}

.bx-newsdetail-video {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.7;
	z-index: 1;
	-webkit-transition: opacity .3s ease;
	   -moz-transition: opacity .3s ease;
	    -ms-transition: opacity .3s ease;
	     -o-transition: opacity .3s ease;
	        transition: opacity .3s ease;
	background: url("/local/templates/svetilniki/components/bitrix/news.detail/articles/images/bx-video.png") no-repeat center;
}
.bx-newsdetail-video:hover {
	opacity: 1;
}
/* POST FORMATS /// SLIDER */
.bx-newsdetail-slider {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.bx-newsdetail-slider-container {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.bx-newsdetail-slider-slide {
	float: left;
	z-index: 100;
}
.bx-newsdetail-slider-arrow-container-left,
.bx-newsdetail-slider-arrow-container-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	cursor: pointer;
}
.bx-newsdetail-slider-arrow-container-left {
	left: 0;
}
.bx-newsdetail-slider-arrow-container-right {
	right: 0;
}
.bx-newsdetail-slider-arrow {
	position: absolute;
	line-height: 34px;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
	font-size: 48px;
	height: 48px;
	width: 20px;
	top: 50%;
	margin-top: -24px;
	z-index: 110;
	opacity: .5;
	text-shadow:0 0 2px rgba(0,0,0,.5);
}
.bx-newsdetail-slider-arrow-container-left:hover .bx-newsdetail-slider-arrow,
.bx-newsdetail-slider-arrow-container-right:hover .bx-newsdetail-slider-arrow {
	color: #FFF;
	display: block;
	opacity: 1;
}
.bx-newsdetail-slider-arrow-container-left .bx-newsdetail-slider-arrow {
	left: 20px;
}
.bx-newsdetail-slider-arrow-container-right .bx-newsdetail-slider-arrow {
	right: 20px;
}
.bx-newsdetail-slider-control {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 10px;
	z-index: 110;
	text-align: center;
	word-spacing: -4px;
}
.bx-newsdetail-slider-control li {
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	width: 10px;
	height: 10px;
	word-spacing: -4px;
	margin: 0 3px;
	opacity: .5;
}
.bx-newsdetail-slider-control li:hover,
.bx-newsdetail-slider-control li.current {
	background: #FFF;
	opacity: 1;
}
.bx-newsdetail-slider-arrow,
.bx-newsdetail-slider-control li {
	-webkit-transition: opacity .3s ease;
	   -moz-transition: opacity .3s ease;
	    -ms-transition: opacity .3s ease;
	     -o-transition: opacity .3s ease;
	        transition: opacity .3s ease;
}
/* /// */
.bx-newsdetail-title,
.bx-newsdetail-title a {
	color: #000;
	margin: 0;
	padding: 2px 0 15px;
	font-size: 18px;
	border-bottom: none;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}
.bx-newsdetail-title a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}
.bx-lg .bx-newsdetail-title {
	font-size: 24pt;
}
.bx-md .bx-newsdetail-title {
	font-size: 20pt;
}
.bx-xs .bx-newsdetail-title {
	font-size: 18pt;
}
.bx-newsdetail-separator,
.bx-newsdetail-view,
.bx-newsdetail-date,
.bx-newsdetail-comments,
.bx-newsdetail-author,
.bx-newsdetail-other {
	color: #a4a4a4;
	font-size: 13px;
	padding-bottom: 5px;
	white-space: nowrap;
}
.bx-newsdetail-rating,
.bx-newsdetail-separator,
.bx-newsdetail-date{
	display: inline-block;
}
.bx-newsdetail-separator {
	margin: 0 10px;
}
.bx-newsdetail-view i.fa,
.bx-newsdetail-date i.fa,
.bx-newsdetail-comments i.fa,
.bx-newsdetail-author i.fa,
.bx-newsdetail-tags i.fa,
.bx-newsdetail-other i.fa {
	width: 13px;
	color: #b4b4b4;
}
.bx-newsdetail-tags {
	color: #a4a4a4;
	font-size: 13px;
	padding-bottom: 5px;
}
.bx-newsdetail-content {
	font-size: 14px;
	margin-bottom: 5px;
}




.article_scale {
	position: relative;
}
.article_scale img {
    width: 250px;
    height: auto;
	transition: 1s; /* Время эффекта */
}
.article_scale img.active {
	position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 500px;
	max-width: 100%;
    height: auto;
}

@media (max-width: 576px) {
	.bx-newsdetail-content img {
    	width: 100%;
		margin: 0;
	}
}
/* SEO 18.10.2026 (промт 043, этап I, стандарт 06): статьи нового формата (.seo-article) — заголовки, вступление-ответ, содержание, таблицы, блок «Подобрать в каталоге», карточки товаров, вопросы */
.seo-art-meta{color:#6b6b6b;font-size:14px;margin:-4px 0 18px}
.seo-article{max-width:860px;font-size:16px;line-height:1.6;color:#212529}
.seo-article p{margin:0 0 12px}
.seo-article .seo-art-lead{font-size:17px;background:#f3f8f3;border-left:3px solid #3a9c4a;border-radius:6px;padding:14px 18px;margin:0 0 18px}
.seo-article h2{font-size:23px;line-height:1.3;font-weight:700;margin:32px 0 12px;scroll-margin-top:110px}
.seo-article h3{font-size:18px;line-height:1.35;font-weight:600;margin:20px 0 8px}
.seo-article ul,.seo-article ol{padding-left:22px;margin:0 0 14px}
.seo-article li{margin-bottom:6px}
.seo-article a{color:#3a9c4a;text-decoration:underline;text-underline-offset:2px}
.seo-art-toc{background:#f6f7f6;border-radius:8px;padding:14px 18px;margin:0 0 22px}
.seo-art-toc-title{font-weight:700;margin-bottom:6px}
.seo-art-toc ol{margin:0;padding-left:20px}
.seo-art-toc li{margin-bottom:3px}
.seo-art-table-wrap{overflow-x:auto;margin:14px 0 18px}
.seo-article table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.seo-article th,.seo-article td{border:1px solid #e2e5e2;padding:9px 11px;text-align:left;vertical-align:top}
.seo-article th{background:#f1f5f1;font-weight:600}
.seo-article tbody tr:nth-child(even) td{background:#fafbfa}
.seo-art-note{font-size:14px;color:#6b6b6b}
.seo-art-catalog{border:1px solid #e2e5e2;border-radius:10px;padding:16px 20px 6px;margin:28px 0 18px}
.seo-art-catalog h2{margin-top:0}
.seo-art-catalog ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.seo-art-catalog li{margin:0}
.seo-art-catalog li a{display:inline-block;background:#fff;color:#212529;text-decoration:none;border-radius:15px;box-shadow:0 1px 2px rgba(0,0,0,.18);padding:5px 12px;font-size:14px}
.seo-art-catalog li a:hover{color:#3a9c4a}
.seo-art-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:6px 0 26px}
.seo-art-card{display:flex;flex-direction:column;border:1px solid #e9ece9;border-radius:10px;padding:12px;background:#fff;color:#212529!important;text-decoration:none!important;transition:box-shadow .15s}
.seo-art-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.seo-art-card-img{display:flex;align-items:center;justify-content:center;height:170px}
.seo-art-card-img img{max-width:100%;max-height:170px;width:auto;height:auto}
.seo-art-card-name{font-size:14px;line-height:1.35;font-weight:600;margin:10px 0 8px}
.seo-art-card-price{color:#3a9c4a;font-weight:700;font-size:17px;margin-top:auto}
.seo-art-card-more{font-size:13px;color:#3a9c4a;text-decoration:underline;margin-top:4px}
.seo-art-faq h3{margin-top:16px}
@media (max-width:767px){
.seo-article{font-size:15px}
.seo-article .seo-art-lead{font-size:16px;padding:12px 14px}
.seo-article h2{font-size:20px;margin-top:26px}
.seo-article h3{font-size:17px}
.seo-article table{font-size:14px}
.seo-article th,.seo-article td{padding:7px 8px}
.seo-art-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.seo-art-card-img{height:130px}
.seo-art-card-img img{max-height:130px}
}

/* 043, правки по visual-qa статьи 1 (раунды 1–2: 7 / 6,5 → 7 / 6,8). В <head> сайта есть общее правило
   .bx-newsdetail-content a { color: green !important; font-weight:600; text-transform: uppercase } — у статей нового формата
   перебиваем его селектором с .seo-article (специфичность выше, цвет — тоже !important); общее правило не трогаем. */
.bx-newsdetail-title.seo-art-h1{font-family:inherit;font-size:30px;line-height:1.2;font-weight:700;margin:6px 0 10px}
.workarea:has(.seo-article) .bx-breadcrumb-item.breadcrumb-item-product{max-width:none;overflow:visible;white-space:normal}
.bx-newsdetail-content .seo-article a,.bx-newsdetail-content .seo-article a span{text-transform:none;font-weight:500;color:#2f8a3e!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.bx-newsdetail-content .seo-article .seo-art-toc a{font-weight:400;text-decoration:none}
.bx-newsdetail-content .seo-article .seo-art-toc a{color:#2a7d38!important}
.bx-newsdetail-content .seo-article .seo-art-toc a:hover{text-decoration:underline}
@media (min-width:992px) and (max-width:1199px){.seo-art-toc ol{columns:2;column-gap:32px}.seo-art-toc li{break-inside:avoid}}
.bx-newsdetail-content .seo-article .seo-art-catalog li a{color:#212529!important;font-weight:400;text-decoration:none;display:inline-flex;align-items:center;min-height:32px;line-height:1.3}
.bx-newsdetail-content .seo-article .seo-art-catalog li a:hover{color:#3a9c4a!important}
.seo-art-faq h3{border-top:1px solid #e6ebe8;padding-top:14px}
/* карточки — как плитка листинга: фон белый, название чёрное, цена зелёная, кнопка сплошная */
.seo-art-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.bx-newsdetail-content .seo-article a.seo-art-card,.bx-newsdetail-content .seo-article a.seo-art-card span{text-decoration:none;text-transform:none}
.seo-art-card-img{background:#fff}
.seo-art-card-img img{object-fit:contain}
.bx-newsdetail-content .seo-article .seo-art-card .seo-art-card-name{color:#212529!important;font-weight:600;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bx-newsdetail-content .seo-article .seo-art-card .seo-art-card-price{color:#3a9c4a!important;font-weight:700}
.bx-newsdetail-content .seo-article .seo-art-card .seo-art-card-more{display:block;text-align:center;background:#3a9c4a;color:#fff!important;border-radius:5px;height:35px;line-height:35px;font-size:14px;font-weight:400;margin-top:10px}
.bx-newsdetail-content .seo-article .seo-art-card:hover .seo-art-card-more{background:#2f8a3e}
/* таблица: раздельные границы без двойных линий — закреплённой колонке не просвечивают соседние ячейки */
.seo-article table{border-collapse:separate;border-spacing:0;border-top:1px solid #e2e5e2;border-left:1px solid #e2e5e2}
.seo-article th,.seo-article td{border-width:0 1px 1px 0}
/* ≥ 1200 px: справа 400 px пустоты — содержание уходит в правую колонку и едет с прокруткой */
@media (min-width:1200px){
.seo-article{max-width:none;display:grid;grid-template-columns:minmax(0,860px) 280px;column-gap:64px}
.seo-article>*{grid-column:1;min-width:0}
.seo-article>.seo-art-toc{grid-column:2;grid-row:1/span 150;align-self:start;position:sticky;top:110px;margin:0;font-size:14px;line-height:1.4}
.seo-article>.seo-art-toc li{margin-bottom:6px}
.seo-article>h2{margin-top:22px}
.seo-article>h3{margin-top:8px}
.seo-article>.seo-art-table-wrap{margin-top:4px}
.seo-article>.seo-art-catalog{margin-top:18px}
}
@media (max-width:767px){
.bx-newsdetail-title.seo-art-h1{font-size:24px}
.seo-art-toc{padding:12px 14px;font-size:14px;line-height:1.4}
.seo-art-toc li{margin-bottom:4px}
.seo-art-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-right:-16px;padding-right:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.seo-art-products::-webkit-scrollbar{display:none}
.seo-art-card{flex:0 0 70%;scroll-snap-align:start}
.seo-art-table-wrap{background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to left,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(0,0,0,.12),rgba(0,0,0,0)),linear-gradient(to left,rgba(0,0,0,.12),rgba(0,0,0,0));background-position:0 26px,100% 26px,0 26px,100% 26px;background-repeat:no-repeat;background-size:40px calc(100% - 26px),40px calc(100% - 26px),12px calc(100% - 26px),12px calc(100% - 26px);background-attachment:local,local,scroll,scroll}
.seo-art-table-wrap::before{content:"Таблица листается вбок →";display:block;position:sticky;left:0;height:26px;line-height:20px;font-size:13px;color:#4a4a4a}
.seo-article table{min-width:560px;background:transparent}
.seo-article th:first-child,.seo-article td:first-child{position:sticky;left:0;z-index:1;width:126px;min-width:126px;max-width:126px;overflow-wrap:break-word;hyphens:auto;font-size:13px;background:#fff;box-shadow:1px 0 0 #e2e5e2}
.seo-art-catalog{padding:14px 14px 4px}
.bx-newsdetail-content .seo-article .seo-art-catalog li a{font-size:13px;padding:5px 10px}
.seo-article .seo-art-catalog h2{margin-top:0}
.bx-newsdetail-content .seo-article .seo-art-card .seo-art-card-name{-webkit-line-clamp:6}
.seo-article tbody tr:nth-child(even) td:first-child{background:#fafbfa}
.seo-article th:first-child{background:#f1f5f1}
}

/* 044 (решение тимлида по 043): «Содержание» — кнопка; до 1199 px (где оно не прилипает) свёрнуто по умолчанию («Развернуть», 44 px),
   от 1200 px — справа и прилипает, как было. Крошка на телефоне — одна строка с многоточием (на 390 вторая строка упиралась в H1).
   Текст статьи — на одной линии с крошкой (внутренний отступ блока убран), строки абзацев ≤ 760 px. visual-qa 044: 8,4 / 8,6 → правки п. 1–7, 9. */
.seo-art-meta span{white-space:nowrap}
.bx-newsdetail-title.seo-art-h1{text-wrap:balance}
.bx-newsdetail-block:has(.seo-article){padding-left:2px;padding-right:0}
.seo-art-card-img{background:#f3f5f4;border-radius:6px}
.seo-art-card-img img{mix-blend-mode:multiply}
.seo-art-toc-title{display:block;width:100%;background:none;border:0;padding:0;margin:0 0 6px;font:inherit;font-weight:700;color:#212529;text-align:left;cursor:default}
.seo-art-toc-more{display:none}
.seo-art-toc-title:focus{outline:none}
.seo-art-toc-title:focus-visible{outline:2px solid #3a9c4a;outline-offset:2px;border-radius:4px}
@media (min-width:1200px){
.seo-art-toc-title{pointer-events:none}
.seo-article>.seo-art-toc{top:24px}
.seo-article [id]{scroll-margin-top:24px}
}
@media (min-width:768px){.seo-article>p,.seo-article>ul,.seo-article>ol{max-width:760px}}
@media (max-width:1199px){
.seo-art-toc{padding:0 14px}
.seo-art-toc-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.seo-art-toc-more{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:#2a7d38}
.seo-art-toc-more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.seo-art-toc.is-open .seo-art-toc-more::after{transform:translateY(2px) rotate(-135deg)}
.seo-art-toc:not(.is-open) ol{display:none}
.seo-art-toc.is-open ol{padding-bottom:12px}
}
@media (max-width:767px){
.seo-article [id]{scroll-margin-top:8px}
.seo-art-toc ol a{display:block;padding:7px 0}
.seo-art-toc li{margin:0}
.workarea:has(.seo-article) .bx-breadcrumb{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;white-space:nowrap}
.workarea:has(.seo-article) .bx-breadcrumb>*{flex:0 0 auto}
.workarea:has(.seo-article) .bx-breadcrumb-item.breadcrumb-item-product{flex:1 1 auto;min-width:0;max-width:none;overflow:hidden;white-space:nowrap}
.workarea:has(.seo-article) .breadcrumb-item-product .bx-breadcrumb-item-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-newsdetail-block:has(.seo-article){padding-left:0;padding-right:0}  /* текст на одной линии с крошкой, как на родных страницах */
.bx-newsdetail-block:has(.seo-article) .seo-art-products{margin-right:-15px;padding-right:15px}  /* лента карточек — ровно до края экрана */
}
@media (max-width:420px){.bx-newsdetail-title.seo-art-h1{font-size:22px;line-height:1.25}}
@media (min-width:768px) and (max-width:991px){.seo-article [id]{scroll-margin-top:8px}}  /* шапка фиксированная, отступ даёт scroll-padding-top у html */
@media (min-width:992px) and (max-width:1199px){.seo-article [id]{scroll-margin-top:24px}}  /* шапка не фиксированная */
@media (max-width:380px){.seo-art-meta{font-size:13px;line-height:1.45}}

/* 046 (visual-qa статьи 2: 8,3 / 8,0): 4 карточки — 2 × 2, а не 3 + 1 сирота; названия без висячих строк;
   таблица из 2 колонок на телефоне — без прокрутки вбок и без закреплённой колонки (листание нужно только широким таблицам) */
.seo-art-card-name{text-wrap:pretty}
@media (min-width:768px){.seo-art-products:has(> .seo-art-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.seo-art-table-wrap:not(:has(th:nth-child(3))){background:none}
.seo-art-table-wrap:not(:has(th:nth-child(3)))::before{display:none}
.seo-article table:not(:has(th:nth-child(3))){min-width:0;table-layout:fixed}
.seo-article table:not(:has(th:nth-child(3))) th:first-child,.seo-article table:not(:has(th:nth-child(3))) td:first-child{position:static;width:34%;min-width:0;max-width:none;font-size:14px;box-shadow:none}
}
/* 046 (visual-qa статьи 3): в закреплённой первой колонке — без автопереносов по слогам («ориен-тир», «Встраивае-мые»); слова не вылезают — overflow-wrap */
@media (max-width:767px){.seo-article th:first-child,.seo-article td:first-child{hyphens:manual}}
/* 050 (visual-qa статьи 4): на телефоне «Развернуть» — сразу за «Содержание»; правый край строки свободен — там на первом экране
   может оказаться плавающая кнопка WhatsApp (на 360 × 740 она закрывала «Развернуть») */
@media (max-width:767px){.seo-art-toc-title{justify-content:flex-start}}

/* End */


/* Start:/local/templates/svetilniki/components/bitrix/news.detail/articles/themes/blue/style.css?1779811086260*/
/*RATING*/
.bx-newsdetail .fa.bx-star-active {
	color: #1485CE;
}
/*BTN*/
.bx-newsdetail .btn {
	background-color: #1485CE;
	border-color: #1485CE;
}
.bx-newsdetail .btn:active,
.bx-newsdetail .btn:hover {
	background-color: #53A4D8;
	border-color: #53A4D8;
}

/* End */
/* /local/templates/svetilniki/components/bitrix/news.detail/articles/style.css?179256468719258 */
/* /local/templates/svetilniki/components/bitrix/news.detail/articles/themes/blue/style.css?1779811086260 */