/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 02 2025 | 16:45:57 */
.sin-product .sin_main-category-block-wrap,
.sin-main-category .sin_main-category-block-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.sin-product .sin_main-category-block,
.sin-main-category .sin_main-category-block {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 10px 20px;
	border: 1px solid var(--e-global-color-secondary);
	text-transform: uppercase;
	font-family: var(--e-global-typography-accent-font-family);
	border-radius: 8px;
	font-size: 18px;
	background: var(--e-global-color-primary);
	color: var(--e-global-color-text);
	z-index: 2;
	transition: box-shadow 0.2s;
	line-height: 1;
}

.sin-product .sin_main-category-block:hover,
.sin-main-category .sin_main-category-block:hover {
	color: var(--e-global-color-secondary);
}

.sin-product .sin_main-category-block svg,
.sin-main-category .sin_main-category-block svg {
	margin-right: 12px;
}

.sin-product .sin_main-category-block svg.sin_main-category-icon--brand,
.sin-main-category .sin_main-category-block svg.sin_main-category-icon--brand {
	margin-right: 0;
}

.sin-product .sin_main-category-child,
.sin-main-category .sin_main-category-child {
	position: absolute;
	left: calc(100% - 30px);
	top: 50%;
	transform: translateY(-50%);
	color: var(--e-global-color-text);
	border: 1px solid var(--e-global-color-secondary);
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	z-index: 1;
	font-size: 16px;
	padding: 11px 12px 10px 40px;
	border-radius: 8px;
	text-transform: none;
	font-family: var(--e-global-typography-accent-font-family);
	white-space: nowrap;
	background: var(--e-global-color-primary);
	text-transform: uppercase;
	transition: transform 0.25s cubic-bezier(.4,2,.6,1.2);
}

.sin-product .sin_main-category-child .sin_main-category-title,
.sin-main-category .sin_main-category-child .sin_main-category-title {
	color: var(--e-global-color-text);
}

.sin-product .sin_main-category-child:hover .sin_main-category-title,
.sin-main-category .sin_main-category-child:hover .sin_main-category-title {
	color: var(--e-global-color-secondary);
}

	/* Анимация движения подкатегории при наведении на весь блок */
.sin-product .sin_main-category-block-wrap:hover .sin_main-category-child,
.sin-main-category .sin_main-category-block-wrap:hover .sin_main-category-child {
	transform: translateY(-50%) translateX(10px);
}

/* МОБ/ПЛАНШЕТ <1024px */
@media (max-width: 1023.98px) {
	
	.sin-product.e-con.e-flex>.e-con-inner,
	.sin-main-category.e-con.e-flex>.e-con-inner {
		align-items: center;
	}
	
	.sin-product .sin_main-category-block,
	.sin-main-category .sin_main-category-block {
		line-height: 1.2;
	}

	.sin-product .sin_main-category-block-wrap,
	.sin-main-category .sin_main-category-block-wrap {
		flex-direction: column;
	}

	.sin-product .sin_main-category-child,
	.sin-main-category .sin_main-category-child {
		position: static;
		left: auto;
		top: auto;
		transform: none;
		margin-top: -10px;
		padding: 25px 15px 10px;
		transition: none;
	}
	
	.sin-product .sin_main-category-block-wrap:hover .sin_main-category-child,
	.sin-main-category .sin_main-category-block-wrap:hover .sin_main-category-child {
		transform: none;
	}
}