.category-menu {
	width: 100%;

	max-width: 300px;

	background: white;
}

.product-categories {
	list-style: none;

	padding: 0;

	margin: 0;
}

.product-categories > li {
	padding: 8px;

	border-bottom: 1px solid #ddd;

	position: relative;
}

.product-categories ul {
	display: none;

	padding-left: 15px;

	margin: 0;
}

.product-categories ul li {
	padding: 8px;

	border-bottom: none;
}

.accordion-toggle {
	position: absolute;

	right: 10px;

	cursor: pointer;

	font-size: 14px;

	display: flex;

	align-items: center;
}

.material-symbols-outlined {
	font-size: 24px;

	transition: color 0.3s ease-in-out;

	color: black;
}

.accordion-toggle:hover .material-symbols-outlined {
	color: #888;
}

.icon-open {
	display: none;
}

.expanded > .accordion-toggle .icon-closed {
	display: none;
}

.expanded > .accordion-toggle .icon-open {
	display: inline-block;
}

.level-1 li {
	margin-top: 4px;

	background-color: #f2f2f2;

	border-bottom: 1px solid #000000;
}

.level-2 li {
	margin-top: 4px;

	border-bottom: 1px solid #000000;

	background-color: #e3e3e3;
}

.orange-text {
	color: #ea5b0c;
}