

/* Start:/local/templates/.default/components/bitrix/catalog/products/style.css?17682316853265*/
.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;
}

.sortline{
}

.sortline_box_title{
	-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
				 -moz-user-select: none; /* Old versions of Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
							user-select: none; /* Non-prefixed version, currently
																		supported by Chrome, Edge, Opera and Firefox */
	}
	
	.sortline_box_title span {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--color-black);
		font-size: 18px;
		font-weight: 400;
		line-height: 30px; /* 166.667% */
		width: 100%;
		min-width: 80px;
		cursor: pointer;
		gap: 12px;
	}
	
	.sortline_box_title span i{
		height: 24px;
		width: 24px;
		position: relative;
	}

	.sortline_box_title span i svg{
		position: absolute;
	}

	.sortline_box_title span i.fa-angle-up svg{
		transform: rotate(180deg);
	}

	.sortline_box_title span i::before{
		display: none;
	}
	
	.sortline_block{
		position: absolute;
		z-index: 8;
		border-radius: 4px;
		background: #FFF;
		box-shadow: 0px 18px 56px 0px rgba(0, 0, 0, 0.05), 0px 7.52px 23.395px 0px rgba(0, 0, 0, 0.01), 0px 4.021px 12.508px 0px rgba(0, 0, 0, 0.00), 0px 2.254px 7.012px 0px rgba(0, 0, 0, 0.00), 0px 1.197px 3.724px 0px rgba(0, 0, 0, 0.00), 0px 0.498px 1.55px 0px rgba(0, 0, 0, 0.00);
		padding: 16px;
		display: none;
		max-width: 268px;
		right: 0;
		z-index: 999;
	}
	
	.sortline_block_btn{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.sortline_block button{
		padding: 0;
		border: 0;
		outline: 0;
		background: none;
		white-space: nowrap;
		color:#767676;
		text-align: left;
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.sortline_block button span{
		display: block;
		min-width: 24px;
		height: 24px;
		border: 1px solid var(--color-green);
		border-radius: 100%;
		position: relative;
	}

	.sortline_block button span::before{
		content: '';
		display: block;
		min-width: 12px;
		width: 12px;
		height: 12px;
		border-radius: 100%;
		background: var(--color-green);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		opacity: 0;
	}
	
	/* .sortline_block button.selected span,
	.sortline_block button:hover span{
		border-color: var(--color-orange);
	} */

	.sortline_block button.selected span::before{
		opacity: 1;
	}

	.catalog-section{
		margin-top: 32px;
	}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section.list/products/style.css?17720390073329*/
/* Карточки разделов (.section_item) стилизуются в catalog_minimal.css — единый стиль каталога */

/* СТИЛИ ДЛЯ ВКЛАДОК — не переопределять в catalog_minimal.css */
.tab-item_name a{
    text-decoration: none;
    color: inherit; /* Наследуем цвет от родителя */
    font-family: var(--second-family);
    font-size: 20px;
    font-weight: 500;
    transition: color 0.3s ease; /* Плавный переход цвета */
}

.tab-item {
    position: relative;
    color: rgb(102, 98, 98);
    font-family: var(--second-family);
    padding: 1px 5px;
    border-radius: 10px;
    border: 1.5px solid #9c9c9cdd;
    text-align: center;
    box-sizing: border-box;
    background-color: rgb(230, 227, 227);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: max-content;
    transition: all 0.3s ease;
    cursor: pointer;
}

.tab-item_link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important; /* Добавляем !important */
    color: inherit !important; /* Добавляем !important */
    padding: 10px 15px;
}

/* Убедитесь, что эти стили переопределяют стандартные */
.tab-item_link,
.tab-item_link:hover,
.tab-item_link:focus,
.tab-item_link:active {
    text-decoration: none !important;
    color: inherit !important;
    outline: none;
}

.tab-item_name a {
    text-decoration: none !important;
    color: inherit !important;
    font-family: var(--second-family);
    font-size: 20px;
    font-weight: 500;
}

.tab-item:hover {
    background-color: #81a813;
    color: white;
    border-color: #81a813;
}

.tab-item:hover .tab-item_link,
.tab-item:hover .tab-item_name a {
    color: white !important;
    text-decoration: none !important;
}

.activ_tab {
    background-color: #81a813;
    color: white;
    border-color: #81a813;
}

.activ_tab .tab-item_link,
.activ_tab .tab-item_name a {
    color: white !important;
    text-decoration: none !important;
}

.tabs-items {
    margin: 10px;
}

/* СТИЛИ ДЛЯ КАРТОЧЕК ТОВАРОВ */
.product-item-list-col-4 {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.product-item-small-card {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.product-item-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
}

.product-item-image-wrapper {
    flex-shrink: 0;
}

.product-item-title {
    flex-grow: 1;
    margin: 10px 0;
    min-height: 48px;
    display: flex;
    align-items: center;
}

.product-item-title a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-item-price-container {
    flex-shrink: 0;
    margin: 10px 0;
}

.product-item-hidden {
    flex-shrink: 0;
    margin-top: auto;
}
.more_text {
  font-family: var(--second-family);
    font-size: 15px;
    font-weight: 400;
}
/* End */
/* /local/templates/.default/components/bitrix/catalog/products/style.css?17682316853265 */
/* /local/templates/.default/components/bitrix/catalog.section.list/products/style.css?17720390073329 */
