.category-item {
	 display: flex;
	 flex-direction: column;
	 gap: 20px;
	 transition: color 0.2s ease-in-out;
}
 @media (min-width: 1199px) {
	 .category-item {
		 outline: none;
	}
	 .category-item:hover, .category-item:focus-visible {
		 color: #715399;
	}
	 .category-item:hover .category-item__img, .category-item:focus-visible .category-item__img {
		 transform: scale(1.1);
	}
}
 @media (max-width: 1199px) {
	 .category-item {
		 min-width: 285px;
		 scroll-snap-align: center;
	}
}
 @media (max-width: 767px) {
	 .category-item {
		 min-width: 181px;
	}
}
 .category-item__picture {
	 display: flex;
	 overflow: hidden;
}
 .category-item__img {
	 will-change: transform;
	 background-color: #dce3e9;
	 transition: transform 0.2s ease-in-out;
}
 .category-item__name {
	 margin: 0;
	 font-size: 30px;
	 line-height: 1.1;
}
 @media (max-width: 1399px) {
	 .category-item__name {
		 font-size: 26px;
	}
}
 @media (max-width: 1199px) {
	 .category-item__name {
		 font-size: 24px;
	}
}
 @media (max-width: 767px) {
	 .category-item__name {
		 font-size: 20px;
	}
}
 
.main__categories {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 gap: 30px;
	 margin: 30px 0 120px;
}
 @media (max-width: 1399px) {
	 .main__categories {
		 gap: 20px;
		 margin-top: 20px;
	}
}
 @media (max-width: 1199px) {
	 .main__categories {
		 scrollbar-color: transparent transparent;
		 scrollbar-width: none;
		 margin: 20px -18px 0;
		 padding: 0 18px;
		 overflow-x: auto;
		 scroll-snap-type: x mandatory;
	}
	 .main__categories::-webkit-scrollbar {
		 width: 0;
		 height: 0;
		 background-color: transparent;
	}
}
 @media (max-width: 767px) {
	 .main__categories {
		 gap: 10px;
		 margin: 10px -10px 0;
		 padding: 0 10px;
	}
}
 .main__promo {
	 margin: 20px auto 100px;
}
 @media (max-width: 1399px) {
	 .main__promo {
		 margin-bottom: 70px;
	}
}
 @media (max-width: 1199px) {
	 .main__promo {
		 margin: 10px auto 40px;
	}
}