/* Start:/local/components/bitrix/docs.list/templates/.default/style.css?178966356118985*/
/* =========================================================
   Prmedia Sections Accordion — единый файл стилей
   Скоуп: .sections-accordion и всё внутри него
   Без Bootstrap, без внешних зависимостей
   ========================================================= */

/* ---------------------------------------------------------
   1. КОРНЕВОЙ БЛОК АККОРДЕОНА
   --------------------------------------------------------- */
.sections-accordion {
	--sa-accent:        var(--main);
	--sa-accent-soft:   #fafbfc;
	--sa-accent-strong: var(--main);
	--sa-surface:       #ffffff;
	--sa-surface-alt:   #f8fafc;
	--sa-border:        #ecb67d;
	--sa-text:          #0f172a;
	--sa-text-muted:    #64748b;
	--sa-radius:        4px;
	--sa-gap:           10px;
	--sa-dur:           .25s;

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--sa-gap);

	width: 100%;
	box-sizing: border-box;

	color: var(--sa-text);
	line-height: 1.5;
}

/* ---------------------------------------------------------
   2. ЭЛЕМЕНТ АККОРДЕОНА (карточка раздела)
   --------------------------------------------------------- */
.sections-accordion__item {
	display: flex;
	flex-direction: column;

	background: var(--sa-surface);
	border: 1px solid #eef2f3;
	border-radius: var(--sa-radius);
	overflow: hidden;

	transition:
			border-color var(--sa-dur) ease,
			box-shadow   var(--sa-dur) ease;
}

.sections-accordion__item:hover {
	box-shadow: 0 6px 20px -8px rgba(15, 23, 42, .15);
}

/* ---------------------------------------------------------
   3. ЗАГОЛОВОК / КНОПКА РАСКРЫТИЯ
   --------------------------------------------------------- */
.sections-accordion__head {
	margin: 0;
}

.sections-accordion__toggle {
	display: flex;
	align-items: center;
	gap: 14px;

	width: 100%;
	padding: 18px 22px;

	background: transparent;
	border: 0;
	cursor: pointer;

	font: inherit;
	font-size: 16px;
	font-weight: 600;
	color: inherit;
	text-align: left;

	transition:
			background-color var(--sa-dur) ease,
			color            var(--sa-dur) ease;
}

.sections-accordion__toggle:hover {
	background: var(--sa-accent-soft);
}

.sections-accordion__toggle:focus-visible {
	outline: 2px solid var(--sa-accent);
	outline-offset: -2px;
}

.sections-accordion__toggle[aria-expanded="true"] {
	background: var(--sa-accent-soft);
	color: var(--sa-accent-strong);
}

/* Маркер-точка */
.sections-accordion__marker {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--sa-accent);
	opacity: .5;
	transition: opacity var(--sa-dur) ease, transform var(--sa-dur) ease;
}

.sections-accordion__toggle:hover .sections-accordion__marker,
.sections-accordion__toggle[aria-expanded="true"] .sections-accordion__marker {
	opacity: 1;
	transform: scale(1.15);
}

/* Название раздела */
.sections-accordion__title {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Шеврон (стрелка) */
.sections-accordion__chevron {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform var(--sa-dur) ease;
}

.sections-accordion__toggle[aria-expanded="true"] .sections-accordion__chevron {
	transform: rotate(-135deg);
}

/* ---------------------------------------------------------
   4. ПАНЕЛЬ (содержимое раздела)
   --------------------------------------------------------- */
.sections-accordion__panel {
	border-top: 1px solid var(--sa-border);
	animation: sa-reveal var(--sa-dur) ease both;
}

.sections-accordion__panel[hidden] {
	display: none;
}

@keyframes sa-reveal {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0);    }
}

.sections-accordion__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	padding: 20px 22px 24px;

	font-size: 15px;
	color: var(--sa-text-muted);
}

@media (min-width: 640px) {
	.sections-accordion__inner:has(.sections-accordion__figure) {
		grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
		align-items: start;
	}
}

/* Фолбэк для браузеров без :has() */
.sections-accordion__inner--with-media {
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 640px) {
	.sections-accordion__inner--with-media {
		grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
	}
}

/* ---------------------------------------------------------
   5. КАРТИНКА РАЗДЕЛА
   --------------------------------------------------------- */
.sections-accordion__figure {
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
	background: var(--sa-surface);
	box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}

.sections-accordion__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* ---------------------------------------------------------
   6. ТЕКСТОВЫЙ КОНТЕНТ (DESCRIPTION)
   --------------------------------------------------------- */
.sections-accordion__text {
	min-width: 0;
	line-height: 1.7;
	color: var(--sa-text-muted);
}

.sections-accordion__text > :first-child { margin-top: 0; }
.sections-accordion__text > :last-child  { margin-bottom: 0; }

.sections-accordion__text p { margin: 0 0 .9em; }

.sections-accordion__text a {
	color: var(--text);
	text-underline-offset: 2px;
}
.sections-accordion__text a:hover {
	color: var(--sa-accent-strong);
}

.sections-accordion__text img,
.sections-accordion__text iframe,
.sections-accordion__text video {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.sections-accordion__text h1,
.sections-accordion__text h2,
.sections-accordion__text h3,
.sections-accordion__text h4 {
	color: var(--sa-text);
	line-height: 1.3;
	margin: 1em 0 .5em;
}
.sections-accordion__text h1 { font-size: 22px; }
.sections-accordion__text h2 { font-size: 20px; }
.sections-accordion__text h3 { font-size: 18px; }
.sections-accordion__text h4 { font-size: 16px; }

/* ---------------------------------------------------------
   7. ТАБЛИЦЫ В КОНТЕНТЕ
   — border-spacing: 0 10px → отступ между строками 10px
   — th[colspan] стилизуется как блок-заголовок
   --------------------------------------------------------- */
.sections-accordion__text table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	margin: 0 0 20px;
}

.sections-accordion__text table td,
.sections-accordion__text table th {
	padding: 0;
	vertical-align: middle;
	border: 0;
}

/* Заголовок таблицы (th colspan="4" и любой th с colspan) */
.sections-accordion__text table th[colspan] {
	padding: 14px 18px;

	background: var(--sa-accent-soft);
	border: 1px solid var(--sa-border);
	border-radius: var(--sa-radius);

	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--sa-accent-strong);
	text-align: left;
}

/* Дополнительный отступ под шапкой до первой строки данных */
.sections-accordion__text table tr:has(th[colspan]) + tr td {
	padding-top: 10px;
}

/* Ячейки тела таблицы */
.sections-accordion__text table td {
	padding: 12px 16px;
	background: #fff;
	border: 1px solid var(--sa-border);
	border-radius: var(--sa-radius);

	font-size: 14px;
	color: var(--sa-text);
}

/* Склейка ячеек одной строки в единый блок */
.sections-accordion__text table tr > td + td {
	border-left-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.sections-accordion__text table tr > td:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* ---------------------------------------------------------
   8. МИНИ-BOOTSTRAP-СЕТКА (scoped)
   Работает ТОЛЬКО внутри .sections-accordion__text
   Поддержка: .row, .col-xs-*, .col-sm-*, .col-md-*, .col-lg-*
   --------------------------------------------------------- */

/* .row — flex-контейнер */
.sections-accordion__text .row {
	display: flex;
	flex-wrap: wrap;
	margin-inline: -15px;
}

.sections-accordion__text .row::before,
.sections-accordion__text .row::after {
	content: "";
	display: table;
	clear: both;
}

.sections-accordion__text .row.no-gutters {
	margin-inline: 0;
}
.sections-accordion__text .row.no-gutters > [class*="col-"] {
	padding-inline: 0;
}

/* Базовая колонка */
.sections-accordion__text [class*="col-"] {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-inline: 15px;
	box-sizing: border-box;
}

/* xs (<768px) */
.sections-accordion__text .col-xs-1  { flex: 0 0 8.3333%;  max-width: 8.3333%;  }
.sections-accordion__text .col-xs-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
.sections-accordion__text .col-xs-3  { flex: 0 0 25%;      max-width: 25%;      }
.sections-accordion__text .col-xs-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.sections-accordion__text .col-xs-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
.sections-accordion__text .col-xs-6  { flex: 0 0 50%;      max-width: 50%;      }
.sections-accordion__text .col-xs-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.sections-accordion__text .col-xs-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.sections-accordion__text .col-xs-9  { flex: 0 0 75%;      max-width: 75%;      }
.sections-accordion__text .col-xs-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.sections-accordion__text .col-xs-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.sections-accordion__text .col-xs-12 { flex: 0 0 100%;     max-width: 100%;     }

/* sm (≥768px) */
@media (min-width: 768px) {
	.sections-accordion__text .col-sm-1  { flex: 0 0 8.3333%;  max-width: 8.3333%;  }
	.sections-accordion__text .col-sm-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
	.sections-accordion__text .col-sm-3  { flex: 0 0 25%;      max-width: 25%;      }
	.sections-accordion__text .col-sm-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.sections-accordion__text .col-sm-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
	.sections-accordion__text .col-sm-6  { flex: 0 0 50%;      max-width: 50%;      }
	.sections-accordion__text .col-sm-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
	.sections-accordion__text .col-sm-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
	.sections-accordion__text .col-sm-9  { flex: 0 0 75%;      max-width: 75%;      }
	.sections-accordion__text .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
	.sections-accordion__text .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
	.sections-accordion__text .col-sm-12 { flex: 0 0 100%;     max-width: 100%;     }
}

/* md (≥992px) */
@media (min-width: 992px) {
	.sections-accordion__text .col-md-1  { flex: 0 0 8.3333%;  max-width: 8.3333%;  }
	.sections-accordion__text .col-md-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
	.sections-accordion__text .col-md-3  { flex: 0 0 25%;      max-width: 25%;      }
	.sections-accordion__text .col-md-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.sections-accordion__text .col-md-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
	.sections-accordion__text .col-md-6  { flex: 0 0 50%;      max-width: 50%;      }
	.sections-accordion__text .col-md-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
	.sections-accordion__text .col-md-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
	.sections-accordion__text .col-md-9  { flex: 0 0 75%;      max-width: 75%;      }
	.sections-accordion__text .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
	.sections-accordion__text .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
	.sections-accordion__text .col-md-12 { flex: 0 0 100%;     max-width: 100%;     }
}

/* lg (≥1200px) */
@media (min-width: 1200px) {
	.sections-accordion__text .col-lg-1  { flex: 0 0 8.3333%;  max-width: 8.3333%;  }
	.sections-accordion__text .col-lg-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
	.sections-accordion__text .col-lg-3  { flex: 0 0 25%;      max-width: 25%;      }
	.sections-accordion__text .col-lg-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.sections-accordion__text .col-lg-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
	.sections-accordion__text .col-lg-6  { flex: 0 0 50%;      max-width: 50%;      }
	.sections-accordion__text .col-lg-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
	.sections-accordion__text .col-lg-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
	.sections-accordion__text .col-lg-9  { flex: 0 0 75%;      max-width: 75%;      }
	.sections-accordion__text .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
	.sections-accordion__text .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
	.sections-accordion__text .col-lg-12 { flex: 0 0 100%;     max-width: 100%;     }
}

/* Смещения */
@media (min-width: 768px) {
	.sections-accordion__text .col-sm-offset-0 { margin-left: 0; }
	.sections-accordion__text .col-sm-offset-1 { margin-left: 8.3333%;  }
	.sections-accordion__text .col-sm-offset-2 { margin-left: 16.6667%; }
	.sections-accordion__text .col-sm-offset-3 { margin-left: 25%;      }
	.sections-accordion__text .col-sm-offset-4 { margin-left: 33.3333%; }
	.sections-accordion__text .col-sm-offset-6 { margin-left: 50%;      }
}

/* Порядок */
.sections-accordion__text .col-order-first { order: -1; }
.sections-accordion__text .col-order-last  { order: 99; }

/* Видимость (совместимость с BS3) */
.sections-accordion__text .hidden-xs { display: none !important; }
@media (min-width: 768px) {
	.sections-accordion__text .hidden-xs { display: block !important; }
	.sections-accordion__text .hidden-sm { display: none  !important; }
}
@media (min-width: 992px) {
	.sections-accordion__text .hidden-sm { display: block !important; }
	.sections-accordion__text .hidden-md { display: none  !important; }
}
@media (min-width: 1200px) {
	.sections-accordion__text .hidden-md { display: block !important; }
	.sections-accordion__text .hidden-lg { display: none  !important; }
}
.sections-accordion__text .visible-xs { display: block !important; }
@media (min-width: 768px) {
	.sections-accordion__text .visible-xs { display: none !important; }
}

/* Утилиты */
.sections-accordion__text .text-center { text-align: center; }
.sections-accordion__text .text-left   { text-align: left;   }
.sections-accordion__text .text-right  { text-align: right;  }

.sections-accordion__text .img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.sections-accordion__text .clearfix::after {
	content: "";
	display: table;
	clear: both;
}


/* =========================================================
   Chipper Catalog — нейтральные стили
   Палитра: серо-синяя, без оранжевых/ярких акцентов
   ========================================================= */

.chipper-catalog {
	--cc-bg:           #ffffff;
	--cc-bg-soft:      #f8fafc;
	--cc-bg-hover:     #f1f5f9;

	--cc-border:       #e2e8f0;
	--cc-border-hover: #cbd5e1;
	--cc-border-focus: #94a3b8;

	--cc-text:         #1e293b;
	--cc-text-soft:    #475569;
	--cc-text-muted:   #64748b;

	--cc-accent:       #3b82f6;   /* приглушённый синий */
	--cc-accent-soft:  #eff6ff;

	--cc-radius:       12px;
	--cc-radius-sm:    8px;
	--cc-shadow:       0 1px 2px rgba(15, 23, 42, .04);
	--cc-shadow-hover: 0 10px 24px -12px rgba(15, 23, 42, .18);

	width: 100%;
	margin-inline: auto;
	box-sizing: border-box;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
	Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--cc-text);
	line-height: 1.5;
}

/* ------------------ Секции ------------------ */
.chipper-section + .chipper-section {
	margin-top: 40px;
}

.chipper-section__title {
	position: relative;

	margin: 0 0 22px;
	padding: 0 0 12px;

	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cc-text);
	letter-spacing: -.01em;
}

.chipper-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;

	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 1200px) {
	.chipper-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 992px) {
	.chipper-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
	.chipper-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
	.chipper-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

/* ------------------ Карточка ------------------ */
.chipper-card {
	display: flex;
}

.chipper-card__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;

	width: 100%;
	padding: 16px 14px;

	background: var(--cc-bg);
	border: 1px solid var(--cc-border);
	border-radius: var(--cc-radius);

	text-decoration: none;
	color: inherit;
	text-align: center;

	box-shadow: var(--cc-shadow);

	transition:
			transform    .2s ease,
			border-color .2s ease,
			box-shadow   .2s ease,
			background   .2s ease;
}

.chipper-card__link:focus-visible {
	border-color: var(--cc-border-focus);
	box-shadow:
			0 0 0 3px var(--cc-accent-soft),
			var(--cc-shadow-hover);
}

/* ------------------ Название модели ------------------ */
.chipper-card__name {
	display: block;

	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cc-text);
	letter-spacing: .01em;

	transition: color .2s ease;
}

.chipper-card__link:hover .chipper-card__name,
.chipper-card__link:focus-visible .chipper-card__name {
	color: var(--main);
}

/* ------------------ Картинка ------------------ */
.chipper-card__media {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;

	background: var(--cc-bg-soft);
	border: 1px solid var(--cc-border);
	border-radius: var(--cc-radius-sm);
}

.chipper-card__media img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;

	transition: transform .3s ease;
}

.chipper-card__link:hover .chipper-card__media img {
	transform: scale(1.04);
}

.chipper-card__caption {
	display: block;

	font-size: 12.5px;
	line-height: 1.45;
	color: var(--text);

	transition: color .2s ease;
}

@media (max-width: 480px) {
	.chipper-catalog        { padding-inline: 12px; }
	.chipper-section__title { font-size: 17px; margin-bottom: 18px; }
	.chipper-card__link     { padding: 12px 10px; gap: 8px; }
	.chipper-card__name     { font-size: 14px; }
	.chipper-card__caption  { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.chipper-card__link,
	.chipper-card__media img,
	.chipper-card__name,
	.chipper-card__caption {
		transition: none !important;
	}
	.chipper-card__link:hover            { transform: none; }
	.chipper-card__link:hover .chipper-card__media img { transform: none; }
}
/* End */
/* /local/components/bitrix/docs.list/templates/.default/style.css?178966356118985 */