

/* Start:/local/templates/market/components/bitrix/catalog/market_catalog/style.css?1781902893853*/
.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}

@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.section.list/market_catalog_list/style.css?17825694504014*/
/* catalog.section.list — market_catalog_list
   Сетка/раскладка — на Tailwind-утилитах в template.php (grid для TILE/TEXT,
   flex-строки для LINE, вложенное дерево для LIST). Здесь — только внешний вид.
   ВАЖНО: картинка раздела выводится фоном на .catalog-section-list-item-img
   (display:block + padding-top:100% + background-size:cover). Эту механику
   НЕ трогать — иначе изображения пропадут. Меняем только рамки/скругления/hover. */

.catalog-section-list-item { }

/* Заголовок / ссылка / счётчик */
.catalog-section-list-item-title {
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: center;
	text-overflow: ellipsis;
}
.catalog-section-list-item-link {
	color: #131b2e;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	transition: color .2s ease;
}
.catalog-section-list-item-link:hover { color: #3525cd; }
.catalog-section-list-item-counter {
	color: #94a3b8;
	font-size: 12px;
	font-weight: 400;
}
.catalog-section-list-item-description { margin-top: 4px; font-size: 13px; color: #64748b; }

/* Картинка раздела (фон на <a>) — квадрат + hover-зум.
   padding-top:100%/background-size:cover обязательны для показа фона. */
.catalog-section-list-item-img {
	display: block;
	padding-top: 100%;
	width: 100%;
	background-color: #f2f3ff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: transform .35s ease;
}
.catalog-section-list-item:hover .catalog-section-list-item-img { transform: scale(1.05); }

/*region TILE */
.catalog-section-list-tile-img-container {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
}
.catalog-section-list-tile-list .catalog-section-list-item-inner { padding: 8px 4px 2px; }
/*endregion*/

/*region LINE */
.catalog-section-list-line-list { padding: 0; list-style: none; }
.catalog-section-list-line-list .catalog-section-list-item {
	display: flex;
	gap: 14px;
	padding: 10px;
	margin-bottom: 12px;
	align-items: flex-start;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.catalog-section-list-line-list .catalog-section-list-item:hover {
	box-shadow: 0 8px 20px -12px rgba(19, 27, 46, .25);
	border-color: #cbd5e1;
}
.catalog-section-list-line-list .catalog-section-list-item-title { text-align: left; }
.catalog-section-list-line-img-container {
	flex: 0 0 72px;
	width: 72px;
	min-width: 72px;
	border-radius: 10px;
	overflow: hidden;
}
/*endregion*/

/*region TEXT */
.catalog-section-list-text-list .catalog-section-list-item-inner {
	padding: 8px 0;
	border-bottom: 1px solid #f1f5f9;
}
.catalog-section-list-text-list .catalog-section-list-item-title { text-align: left; }
/*endregion*/

/*region LIST (вложенное дерево / карта раздела) */
.catalog-section-list-list { margin-bottom: 30px; }
.catalog-section-list-list,
.catalog-section-list-list ul { list-style: none; padding-left: 0; margin: 0; }
.catalog-section-list-list ul {
	padding-left: 16px;
	margin-top: 2px;
	border-left: 1px solid #eaedff; /* линия уровня вложенности */
}
.catalog-section-list-list .catalog-section-list-item { padding: 0; line-height: 16px; }
.catalog-section-list-list .catalog-section-list-item:before { content: '' !important; }

.catalog-section-list-list-title {
	display: inline-block;
	margin: 0 0 8px;
	padding: 0;
	vertical-align: top;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
}
.catalog-section-list-list-link {
	display: inline-block;
	padding: 4px 0;
	color: #464555;
	font-size: 14px;
	white-space: nowrap;
	transition: color .2s ease;
}
.catalog-section-list-list-link:hover { color: #3525cd; }
.catalog-section-list-list-link span { color: #9aa3b2; font-size: 12px; }
/*endregion*/

/* End */
/* /local/templates/market/components/bitrix/catalog/market_catalog/style.css?1781902893853 */
/* /local/templates/market/components/bitrix/catalog.section.list/market_catalog_list/style.css?17825694504014 */
