/**
	TAGS
*/
.tags-list {
	display: flex;
	width: 100%;
	gap: 10px;
	margin-bottom: 40px;
	/* flex-wrap: wrap; */
}

/* .tags-list > * {
	background: #F4F4F4;
	color: #333333;
	
	border-radius: 4px;
	padding: 6px 16px;
	white-space: nowrap;
	position: relative;
} */

/* .tags-list > *:hover {
	color: #fff;
	background-color: #291883;
} */

.products-wrap__tags .slick-list {
	margin: 0 15px;
}

.products-wrap__tags .slick-slide {
	margin: 0 5px;
	padding: 0;
}

.products-wrap__tags .slick-slide a {
	background: #F4F4F4;
	color: #333333;

	border-radius: 4px;
	padding: 6px 16px;
	white-space: nowrap;
	position: relative;
}

.products-wrap__tags .slick-slide a:hover {
	color: #fff;
	background-color: #291883;
}

.tags_slider_arrows_left,
.tags_slider_arrows_right {
	padding: 8px 5px 12px 5px;
	height: 36px;
	position: absolute;
	top: 0;
	z-index: 2;
	cursor: pointer;
}

.tags_slider_arrows_left {
	left: -5px;
}

.tags_slider_arrows_right {
	right: -5px;
}

.tags_slider_arrows_left img,
.tags_slider_arrows_right img {
	width: auto;
	height: 100%;
	vertical-align: initial;
}

.tags-list__more {
	padding-right: 34px;
}

.tags-list__more:after {
	content: "";

	position: absolute;
	top: 50%;
	right: 13px;
	transform: translate(0, -50%);

	width: 11px;
	height: 6px;

	background: url('images/show_more.png') no-repeat center center;
}

.tags-list__more:hover:after {
	filter: invert(1);
}

.tags-list__more.active:after {
	transform: translate(0, -50%) rotate(180deg);
}

@media (max-width: 768px) {
	.mobile-category-modal.active {
		display: block;
	}
}

.btn-subscribe:hover {
	background: #291883;
}

.bottom-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #ffffff;
	border-top: 1px solid #ddd;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 15px 0;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
	z-index: 100000;
	width: 100%;
}

.menu-item {
	align-items: center;
	text-align: center;
	color: #333;
	justify-content: flex-end;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	outline: none;
	display: flex;
	flex-direction: column;
	width: 60px;
	text-align: center;
}

.menu-item.active span {
	color: #291883 !important;
	font-weight: 700;
}

#catalog.active {
	color: #291883;
	/* Цвет текста */
}

#catalog.active svg path {
	fill: #291883 !important;
	/* Принудительно заливаем path в синий */
	stroke: none !important;
	/* Убираем обводку */
}


.menu-item a {
	font-family: Mulish, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	color: #333;
}

.menu-item span {
	font-family: Mulish, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	color: #333;
}

input:checked+.slider {
	background-color: #291883 !important;
}