.collection-navigation {
	padding: 1.5rem 0;
	border-bottom: 1px solid #efefef;
}
.collection-navigation ul {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 2rem;
	padding: 0;
	margin: 0;
}
.collection-navigation a {
	position: relative;
	text-decoration: none;
	color: #222;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	transition: color .3s ease;
}
.collection-navigation a:hover {
	color: #777;
}
.collection-navigation a.active {
	color: #111;
}
.collection-navigation a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:100%;
    height:2px;

    background:#111;

    transform:scaleX(0);

    transition:transform .3s ease;

}
.collection-navigation a.active::after{

    transform:scaleX(1);

}
.collection-navigation a:hover::after{

    transform:scaleX(1);

}