.filter-menu {
  /* wrapper ul */
  position: relative; /* serve per posizionare la .filter-slider */
  display: inline-block;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 10px #4d4a4a21;
  border-radius: 0 12px 0 12px;
}

.filter-menu .filter-slider {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #D6BA74;
  height: 100%;
  z-index: -1; /* dietro le <li> */
  transition: all 0.3s ease;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* stile delle <li> */
.filter-item {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  cursor: pointer;
  color: #333;
  user-select: none;
}

/* se vuoi un effetto "testo bianco" su item attivo */
.filter-item.active {
  color: white;
}
.title-filter-container{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

@media(max-width:480px){
	.title-filter-container{
	display:flex;
	flex-direction:column;
	align-items: flex-start;
	gap: 25px;
}
.filter-menu {
	align-self:flex-end
}
	.container.piano-box{
	padding-left:10px!important;
		padding-right:10px!important;
}
}