/* Caixa "Categorias" da loja: lista em grupos recolhíveis (seta como o menu do sistema), cores da marca */
ul.dc-cats.select2-results__options {
	padding: 6px 0;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 141, 167, .45) transparent;
}
ul.dc-cats > li.select2-results__option {
	position: relative;
	padding: 11px 18px;
	font-size: 15px;
	line-height: 1.3;
	color: #d9d0df;
	text-decoration: none !important;
	transition: background-color .12s ease, color .12s ease;
}
/* categoria principal */
ul.dc-cats > li[data-dc-nivel="0"] { font-weight: 600; color: #f3ecf6; }
ul.dc-cats > li[data-dc-nivel="0"] ~ li[data-dc-nivel="0"] { border-top: 1px solid rgba(255, 255, 255, .06); }
ul.dc-cats > li.dc-cat-grupo { padding-right: 44px; cursor: pointer; }
ul.dc-cats > li.dc-cat-grupo.is-aberto { background: rgba(255, 255, 255, .035); color: #ff8da7; }
/* seta › fechada / ⌄ aberta */
ul.dc-cats > li.dc-cat-grupo::after {
	content: "";
	position: absolute; right: 20px; top: 50%;
	width: 7px; height: 7px; margin-top: -5px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	transition: transform .15s ease;
	opacity: .75;
}
ul.dc-cats > li.dc-cat-grupo.is-aberto::after { transform: rotate(45deg); margin-top: -7px; }
/* subcategorias: recuadas, com linha guia */
ul.dc-cats > li[data-dc-nivel="1"],
ul.dc-cats > li[data-dc-nivel="2"] {
	font-size: 14px; font-weight: 400; color: #bfb4c7;
	background: rgba(255, 255, 255, .035);
	box-shadow: inset 20px 0 0 -18px rgba(255, 141, 167, .35);
	padding-top: 9px; padding-bottom: 9px;
}
ul.dc-cats > li[data-dc-nivel="1"] { padding-left: 36px; }
ul.dc-cats > li[data-dc-nivel="2"] { padding-left: 52px; }
ul.dc-cats > li.dc-cat-todos { color: #ff8da7; font-weight: 600; cursor: pointer; }
/* na busca, sem recuo */
ul.dc-cats.dc-cats-busca > li.select2-results__option { padding-left: 18px; background: none; box-shadow: none; }
/* passar o mouse / escolhida */
ul.dc-cats > li.select2-results__option--highlighted,
ul.dc-cats > li.dc-cat-todos:hover { background: rgba(255, 141, 167, .14) !important; color: #fff !important; }
ul.dc-cats > li[aria-selected="true"]:not(.dc-cat-grupo) { background: #ff8da7 !important; color: #2a1332 !important; font-weight: 600; }