.menuCategory
{
	margin-block-end: var(--gap-fourfold-width);
	& .__heading
	{
		align-self: center !important;
		align-content: center !important;
		align-items: center !important;
		column-gap: var(--gap-quarter-width);
		font-weight: 600;
		display: grid !important;
		grid-template-columns: auto 1fr;
		text-transform: uppercase;
		
	}

	& .__header
	{
		background: var(--color-primary-background);
		padding-block: var(--gap-quarter-width);
		position: sticky;
		top: calc((var(--site-navigation-height) *2) - .1rem);
		z-index: 1;
	}
}

.menuCategory[data-slug="les-fromages"]
{
	fill: var(--color-brand-orange) !important;

	& .__header
	{
		border-color: var(--color-brand-orange);
	}

}

.menuCategory[data-slug="la-charcuterie"]
{
	fill: var(--color-brand-purple);
	& .__header
	{
		border-color: var(--color-brand-purple);;
	}

}

.menuCategory[data-slug="les-legumes"]
{
	fill: var(--color-brand-green);

	 .__header
	{
		border-color: var(--color-brand-green);;
	}

}

.menuCategory[data-slug="la-mer"]
{
	fill: var(--color-brand-ink);

	.__header
	{
		border-color: var(--color-brand-ink);;
	}

}

.menuCategory[data-slug="les-viandes"]
{
	fill: var(--color-brand-red);

	.__header
	{
		border-color: var(--color-brand-red);;
	}

}
/* */
#cheese
{
	--_helpfulCard-color-accent: rgb(250,164,1);
}

#customize
{
	--_helpfulCard-color-accent: rgb(198,104,143);
}

#diameter
{
	--_helpfulCard-color-accent: var(--color-brand-green);
}

#dough
{
	--_helpfulCard-color-accent: rgb(157, 132, 106);
}

#subCategories
{

	& a
	{
		background-color: #F2F2F2;
		border-width: .2rem;
		color: black;
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: var(--gap-quarter-width);

		& svg 
		{

		}
	}

	& a[data-slug="les-fromages"]
	{
		border-color: var(--color-brand-orange);
		fill: var(--color-brand-orange);

		}
	}

	& a[data-slug="la-charcuterie"]
	{
		fill: var(--color-brand-purple);
	}

	& a[data-slug="les-legumes"]
	{
		fill: var(--color-brand-green);
	}

	& a[data-slug="la-mer"]
	{
		fill: var(--color-brand-ink);
	}

	& a[data-slug="les-viandes"]
	{
		fill: var(--color-brand-red);
	}

	& a {
		border-color: transparent !important;
	}
}